码迷,mamicode.com
首页 > Web开发 > 详细

webpack提取公共代码。

时间:2018-07-11 20:39:21      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:plugins   pack   vendor   pac   commons   export   bundle   plugin   webp   

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提取公共代码。

标签:plugins   pack   vendor   pac   commons   export   bundle   plugin   webp   

原文地址:https://www.cnblogs.com/manu-yyj/p/9296491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!