草庐IT

gulp-webpack

全部标签

javascript - Webpack 4 对带有副作用的包有什么期望 : false

Webpack4添加了一项新功能:它现在支持在其bundle的模块的package.json中使用sideEffects标志。来自Webpack4:releasedtodayOverthepast30dayswehaveworkedcloselywitheachoftheframeworkstoensurethattheyarereadytosupportwebpack4intheirrespectivecli’setc.Evenpopularlibrary’slikelodash-es,RxJSaresupportingthesideEffectsflag,sobyusingthei

javascript - 使用 Webpack 创建单独的 SPA 包

我如何使用Webpack创建独立的SPA包,当我的用户浏览我的SPA时,这些包可能会或可能不会动态加载?我有一个联系人模块和一个任务模块。两者都有两个依赖关系。我希望WebPack为每个在需要时(以及如果)加载的包创建包。代码如下。问题似乎是这些条目中的每一个都被视为应用程序入口点,因此将webpackBootstrap代码插入其中。我看过各种关于CommonsChunkPlugin的例子,但我找不到它的API引用/文档,据我推测,这不是我想要的。编辑-找到那些文档here,并在我的编辑中添加了使用该插件的尝试。当前配置module.exports={entry:{contacts:'

javascript - 使用 Webpack 创建单独的 SPA 包

我如何使用Webpack创建独立的SPA包,当我的用户浏览我的SPA时,这些包可能会或可能不会动态加载?我有一个联系人模块和一个任务模块。两者都有两个依赖关系。我希望WebPack为每个在需要时(以及如果)加载的包创建包。代码如下。问题似乎是这些条目中的每一个都被视为应用程序入口点,因此将webpackBootstrap代码插入其中。我看过各种关于CommonsChunkPlugin的例子,但我找不到它的API引用/文档,据我推测,这不是我想要的。编辑-找到那些文档here,并在我的编辑中添加了使用该插件的尝试。当前配置module.exports={entry:{contacts:'

javascript - 使用 gulp.js 编译 HTML 部分

是否有可用于Gulp的插件,其功能与Assemble用于Grunt的功能相同?我想为组装HTML部分的Gulp运行一个任务,但我找不到插件。有没有人用过,你能提供一个链接吗?更新:2016年4月21日最近,我一直在使用Twig.js和Gulp,以及gulp-data在我的模板中呈现JSON。我的文章有详细介绍。提示:您还可以使用Nunjucks、Swig.js、Handlebars等。文章:FrontendtemplatingwithGulpandTwig.js 最佳答案 是的,您可以使用名为gulp-file-include的插件

javascript - 使用 gulp.js 编译 HTML 部分

是否有可用于Gulp的插件,其功能与Assemble用于Grunt的功能相同?我想为组装HTML部分的Gulp运行一个任务,但我找不到插件。有没有人用过,你能提供一个链接吗?更新:2016年4月21日最近,我一直在使用Twig.js和Gulp,以及gulp-data在我的模板中呈现JSON。我的文章有详细介绍。提示:您还可以使用Nunjucks、Swig.js、Handlebars等。文章:FrontendtemplatingwithGulpandTwig.js 最佳答案 是的,您可以使用名为gulp-file-include的插件

javascript - 当任务失败时 Gulp 返回 0

我在我的小项目中使用Gulp来运行测试和lint我的代码。当这些任务中的任何一个失败时,Gulp总是以返回代码0退出。如果我手动运行jshint,它应该以非零代码退出。Here'smyverysimplegulpfile.我是否需要以某种方式显式告诉Gulp返回一个有意义的值?这是Gulp的错,还是应该归咎于gulp-jshint和gulp-jasmine插件? 最佳答案 您需要“返回gulp.src(...”以便任务等待返回的流。编辑Gulp任务本质上是异步的。实际任务在“gulp.src(...).pipe(...);”时尚未执

javascript - 当任务失败时 Gulp 返回 0

我在我的小项目中使用Gulp来运行测试和lint我的代码。当这些任务中的任何一个失败时,Gulp总是以返回代码0退出。如果我手动运行jshint,它应该以非零代码退出。Here'smyverysimplegulpfile.我是否需要以某种方式显式告诉Gulp返回一个有意义的值?这是Gulp的错,还是应该归咎于gulp-jshint和gulp-jasmine插件? 最佳答案 您需要“返回gulp.src(...”以便任务等待返回的流。编辑Gulp任务本质上是异步的。实际任务在“gulp.src(...).pipe(...);”时尚未执

javascript - 如何在 Webpack 中启用 Debug模式?

我正在尝试在图像加载器中使用bypassOnDebug选项,这意味着我需要将webpack置于“Debug模式”(根据图像加载器文档)。使用开发服务器时是自动进入Debug模式,还是我需要在webpack配置中指定?如果我需要指定它,你能提供一个代码示例吗? 最佳答案 网络包2和3顶层配置的debug属性不仅被弃用,而且无效。相反,您必须在每个加载程序级别上配置它,正如当您使用现在无效的debug顶级属性集运行时显示的这个非常友好的错误消息所描述的:The'debug'propertywasremovedinwebpack2.Loa

javascript - 如何在 Webpack 中启用 Debug模式?

我正在尝试在图像加载器中使用bypassOnDebug选项,这意味着我需要将webpack置于“Debug模式”(根据图像加载器文档)。使用开发服务器时是自动进入Debug模式,还是我需要在webpack配置中指定?如果我需要指定它,你能提供一个代码示例吗? 最佳答案 网络包2和3顶层配置的debug属性不仅被弃用,而且无效。相反,您必须在每个加载程序级别上配置它,正如当您使用现在无效的debug顶级属性集运行时显示的这个非常友好的错误消息所描述的:The'debug'propertywasremovedinwebpack2.Loa

javascript - 如何使用 webpack 加载库源映射?

我正在使用webpack构建两个项目;一个是另一个的图书馆。在构建包装器项目时是否可以使用我的库项目中的源映射?我希望能够从我的包装器UI调试我的库代码。我的构建工作正常,因为库是内置的。唯一的问题是源映射。我在浏览器调试器中看到的JavaScript被丑化了,因为源映射不可用。我的项目结构片段:+--my-ui/+--dist/+--my-ui.js+--my-ui.js.map+--node_modules/+--my-lib/+--dist/+--bundle.js+--bundle.js.map来自webpack.config.js的片段:module.exports={ent