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(多页面提取公共代码)

webpack优化之玩转代码分割和公共代码提取

Webpack:从条目和子块中提取公共模块以分离公共块

Webpack构建多页应用Mpa:提取公共jscsshtml代码,实现图片字体单独打包,拆分多环境配置文件

谈谈CommonsChunkPlugin抽取公共模块

Webpack CommonsChunkPlugin 理解