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