webpack提取公用代碼

CommonsChunkPlugin插件 適用於多entry

webpack.optimize.CommonsChunkPlugin  

首先需要安裝項目中的webpack  npm i webpack -D

 

示例  提取page和pages裏面的公用部分

var webpack = require('webpack')

var path = require('path')

 

module.exports = {

entry: {

page: './src/page',

pages: './src/pages'

},

output: {

path: path.resolve(__dirname, './dist'),

filename: '[name].bundle.js',

chunkFilename: '[name].chunk.js'

},

plugins: [

new webpack.optimize.CommonsChunkPlugin({

name: 'common',

minChunks: 2

})

]

}

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章