我正在尝试将CommonChunkPlugin与一个仅包含webpack运行时的“额外”block一起使用，以获得正确的散列(当只有应用程序文件发生变化时，这不会更改vendor散列)。官方webpackrepo中描述了这个技巧here.这本身工作正常，block哈希是正确的，但问题是我生成的HTML文件包含顺序错误的包:list、应用程序和vendor*，而它应该是list、vendor、应用。CommonsChunkPLugin配置如下:newwebpack.optimize.CommonsChunkPlugin({names:['vendor','manifest']}),条目如

我有两个独立的应用程序部分，它们都拆分为“应用程序”和“vendor”包。Webpack条目:entry:{'client-app':path.join(BASE_DIR,'front-end-sources','client','scripts','main.ls'),'client-vendor':path.join(BASE_DIR,'front-end-sources','client','scripts','vendor.ls'),'admin-app':path.join(BASE_DIR,'front-end-sources','admin','scripts','mai

我想将我的vendor代码分成两个block，一个包含所有Angular库，另一个包含所有其他内容。我的Angular应用程序只有一个入口点，设置如下:entry:{app:'./path_to/app.js',vendor:['jquery','moment','numeral'],'vendor.angular':['angular','angular-route','angular-numeraljs']}然后我使用CommonsChunkPlugin配置另外两个包:newwebpack.optimize.CommonsChunkPlugin({name:'vendor',chu

我有一个使用代码拆分的webpack构建的应用程序。我现在想将所有符合特定条件(在本例中为node_modules)的所有入口block和所有子block(通过代码拆分生成)的通用模块聚合到一个单独的公共(public)block。如果我这样做:newwebpack.optimize.CommonsChunkPlugin({children:true,async:'vendor',minChunks:(module)=>{constisVendor=module.context.split('/').some(dir=>dir==='vendor');returnisVendor;},

这是我的webpack.config.js文件:constwebpack=require('webpack');constpath=require('path');module.exports={cache:true,devtool:'source-map',entry:{app:['./src/index.js'],vendor:['lodash']},output:{filename:'bundle.js',path:path.join(__dirname,'dist'),publicPath:'/dist/',pathinfo:true},module:{loaders:[{te

我在尝试请求html文件时遇到一个奇怪的错误。有问题的代码是用typescript编写并使用webpack的AngularJs应用程序。应用程序指令.ts//require('./app.scss');//importAppControllerfrom'./app.controller';functionAppDirective():ng.IDirective{return{restrict:'E',scope:{},controllerAs:'vm',//controller:AppController,controller:()=>{},//template:require('./

我正在尝试设置webpack生产配置。一切看起来都很好。但是，我意识到在使用commonschunk插件时，它覆盖了预期的所有公共(public)文件。我想做的是，将公共(public)库模块和公共(public)应用程序模块分开。我的配置文件是:module.exports={entry:{lib:["react","react-dom"],app:"./ui-v2/app/app.js",app2:"./ui-v2/app/app2.js"},output:{path:path.join(__dirname,"target/ui/v2"),filename:"/app/[name]

假设我有两个页面Page1和Page2，它们都使用一些库(vendor)，如jquerybackbone我想将其提取为单个文件，然后我希望将共享模块(不包括vendor)提取到另一个文件中，这是webpack配置:functionlistFiles(srcpath){returnfs.readdirSync(srcpath).filter(function(file){returnfs.statSync(path.join(srcpath,file)).isDirectory();});}varcreateEntry=function(src){vardest={vendor:["ba

我刚刚意识到，如果您使用require.ensure()动态加载模块，webpack将不会分析和分块依赖关系。这在某种程度上是有道理的，有人可能会争辩说，webpack不知道这些模块是否曾经被传输过，但我们能强制webpack完成这项工作吗？例子是:app.js:require.ensure(['module1.js'],(require)=>{//atsomepointrequire('module1.js');},'Module1');require.ensure(['module2.js'],(require)=>{//atsomepointrequire('module2.js

我得到了CommonsChunkPlugin的一般要点查看所有入口点，检查它们之间是否有共同的包/依赖项，并将它们分成自己的包。所以，让我们假设我有以下配置:...enrty:{entry1:'entry1.js',//whichhas'jquery'asadependencyentry2:'entry2.js',//whichhas'jqueryasadependencyvendors:['jquery','some_jquery_plugin'//whichhas'jquery'asadependency]},output:{path:PATHS.build,filename:'[