webpack提取公共代码。
Posted manu-yyj
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack提取公共代码。相关的知识,希望对你有一定的参考价值。
webpack.optimize.CommonsChunkPlugin这个是内置方法到时候new就行了。
首先创
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:‘common‘, minChunks:2 //重复出现 }), ] }
建,pagea,pageb,然后在这两个里面引入subpagea,subpageb,和moduleA然后打包以后,会生成一个common.bundle.js
也就是公共代码,里面有subpagea,subpageb,和moduleA。这时候我们准备引入一个插件,看看。
以上是关于webpack提取公共代码。的主要内容,如果未能解决你的问题,请参考以下文章
The way of Webpack learning (II.) -- Extract common code(多页面提取公共代码)