var webpack=require(‘webpack‘) var path=require(‘path‘) module.exports={ entry:{ ‘pageA‘:‘./src/pageA‘, ‘pageB‘:‘./src/pageB‘, ‘vendor‘:[‘lodash‘] }, output:{ path:path.resolve(__dirname, ‘./dist‘), filename:‘[name].bundle.js‘, chunkFilename: "[name].chunk.js" }, plugins:[ new webpack.optimize.CommonsChunkPlugin({ name:‘vendor‘, minChunks:Infinity //不需要任何重复了 }),
]
}
这是添加了vender的,没加之前是有pageA,和pageB,然后引入subpagea,和subpageb,nodule。然后生成了个common.bundle.js里面就有了
代码的重复块,提取出了代码重复快。subpagea,和subpageb,noduleminChunks:2就是配置的重复代码的提取。后面又添加一个插件,但是打包以后代码混在了一起
new webpack.optimize.CommonsChunkPlugin({ name:‘manifest‘, minChunks:Infinity //这是是为了把webpack的代码和插件的代码区分开 })
这里是webpcak的代码和插件代码的分离。
原文:https://www.cnblogs.com/manu-yyj/p/9297391.html