草庐IT

Webpack4

全部标签

javascript - webpack common chunks 插件 vs webpack dll 插件

在我使用webpackcommonchunks插件创建包含第三方库(如angular、react、lodash等)的vendor包之前,但后来我知道了webpackdll插件。他们似乎做同样的事情,但dll插件也可以让你减少构建时间。所以我很困惑我是否需要同时使用这两个插件。我应该使用通用block插件在生产构建中创建vendor包,并在开发构建中使用dll插件。或者我应该在生产和开发版本中使用dll插件?你能解释一下吗? 最佳答案 对不起,答案很长,但我们希望它可以帮助使事情更清楚。CommonsChunkPlugin原理项目作者

javascript - 使用 Webpack 基于环境的条件构建

我有一些东西要开发-例如,我不想让我的分布式构建文件膨胀的模拟。在RequireJS中,您可以在插件文件中传递一个配置,并在此基础上要求一些东西。对于webpack,似乎没有办法做到这一点。首先为我使用过的环境创建运行时配置resolve.alias根据环境重新指出需求,例如://Allsettings.varall={fish:'salmon'};//`envsettings`isanaliasresolvedatbuildtime.module.exports=Object.assign(all,require('envsettings'));然后在创建webpack配置时,我可以

javascript - webpack中的XX个隐藏模块是什么意思

我一直在玩webpack,在构建过程中我看到它的输出:+27个隐藏模块。这是什么意思?它是否检测我正在使用的全局常量而不需要它们? 最佳答案 Webpack隐藏来自["node_modules","bower_components","jam","components"]等文件夹的模块默认情况下在您的控制台输出中。这有助于您专注于您的模块,而不是您的依赖项。您可以使用--display-modules参数来显示它们。 关于javascript-webpack中的XX个隐藏模块是什么意思,

javascript - 如何在没有require语句的情况下使用webpack加载目录中的所有文件

我有大量的javascript文件在我的应用程序中分成4个子目录。在grunt中,我将它们全部抓取并编译成一个文件。这些文件没有module.exports函数。我想使用webpack并将其拆分为4个部分。我不想手动进入并需要我的所有文件。我想创建一个插件,在编译时遍历目录树,然后获取所有.js文件名和路径,然后需要子目录中的所有文件并将其添加到输出中。我希望将每个目录中的所有文件编译成一个模块,然后我可以从我的入口点文件中获取该模块,或者包含在http://webpack.github.io/docs/plugins.html的Assets中提及。添加新文件时,我只想将它放到正确的目

ruby-on-rails - 如何从 Rails App 中完全删除 webpack 及其所有依赖项

我用thistemplate创建了我的rails包括webpack,我仍然在app/assets/javascript中编写我的javascript代码。我正在尝试将我的应用程序部署到heroku,但它一直失败,我收到此错误"remote:/tmp/build_6f0656280cbbda40c5832ccb79fc1783/vendor/bundle/ruby/2.3.0/gems/bundler-1.15.2/lib/bundler/rubygems_integration.rb:432:in`blockinreplace_bin_path':can'tfindexecutable

ruby-on-rails - 尽管我使用 `webpack-dev-server` 并将 NODE_ENV 设置为开发,但 Rails webpacker 出于某种原因总是认为 NODE_ENV 是生产环境

正如标题,我使用的是dockerruby​​2.3.5(ubuntu)环境,尽管我已经设置了NODE_ENV=development,当我尝试拦截process.env.NODE_ENV的值时,我仍然查看生产,我无法在任何被覆盖的地方找到它。它只发生在docker环境中,但在我的MacOS上没有,不确定是什么原因?更新:这里是Dockerfile和docker-compose.yml供引用:https://gist.github.com/goodwill/b4e677ccf8fe0079183adeec35218812更新:这是我在运行webpacker-dev-server时遇到的错

javascript - 如何单独捆绑 vendor 脚本并根据需要使用 Webpack?

我正在尝试做一些我认为应该可行的事情,但我真的无法仅从webpack文档中了解如何去做。我正在编写一个JavaScript库,其中包含多个可能相互依赖或不依赖的模块。最重要的是,所有模块都使用jQuery,其中一些可能需要jQuery插件。然后,该库将用于可能需要部分或全部模块的多个不同网站。定义我的模块之间的依赖关系非常容易,但定义它们的第三方依赖关系似乎比我预期的要难。我想要实现的目标:对于每个应用,我希望有两个捆绑文件,一个包含必要的第三方依赖项,另一个包含我库中的必要模块。示例:假设我的库有以下模块:a(需要:jquery、jquery.plugin1)b(需要:jquery、

javascript - 如何单独捆绑 vendor 脚本并根据需要使用 Webpack?

我正在尝试做一些我认为应该可行的事情,但我真的无法仅从webpack文档中了解如何去做。我正在编写一个JavaScript库,其中包含多个可能相互依赖或不依赖的模块。最重要的是,所有模块都使用jQuery,其中一些可能需要jQuery插件。然后,该库将用于可能需要部分或全部模块的多个不同网站。定义我的模块之间的依赖关系非常容易,但定义它们的第三方依赖关系似乎比我预期的要难。我想要实现的目标:对于每个应用,我希望有两个捆绑文件,一个包含必要的第三方依赖项,另一个包含我库中的必要模块。示例:假设我的库有以下模块:a(需要:jquery、jquery.plugin1)b(需要:jquery、

javascript - 如何使用 webpack 构建压缩和未压缩的包?

这是我的webpack.config.jsvarwebpack=require("webpack");module.exports={entry:"./entry.js",devtool:"source-map",output:{path:"./dist",filename:"bundle.min.js"},plugins:[newwebpack.optimize.UglifyJsPlugin({minimize:true})]};我正在构建$webpack在我的dist文件夹中,我只得到bundle.min.jsbundle.min.js.map我也想看看未压缩的bundle.js

javascript - 如何使用 webpack 构建压缩和未压缩的包?

这是我的webpack.config.jsvarwebpack=require("webpack");module.exports={entry:"./entry.js",devtool:"source-map",output:{path:"./dist",filename:"bundle.min.js"},plugins:[newwebpack.optimize.UglifyJsPlugin({minimize:true})]};我正在构建$webpack在我的dist文件夹中,我只得到bundle.min.jsbundle.min.js.map我也想看看未压缩的bundle.js