配置:
生产环境和开发环境的配置通常会有区别,同时也会有部分相同。遵循不重复原则(Don't repeat yourself)DRY,应该在它们基础上相同的部分抽取出来,形成一个通用配置,然后将不同部分配置再写入到生产环境和开发环境。
指定环境
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
})
公共模块抽取
optimization: {
splitChunks: {
chunks: 'all'
}
}
原先的webpack.optimize.CommonsChunkPlugin在webpack4上不适用
+ new webpack.optimize.CommonsChunkPlugin({
+ name: 'common' // 指定公共 bundle 的名称。
+ })
module.exports = merge(common, {
optimization: {
splitChunks: {
chunks: 'all'
}
},
plugins: [
new UglifyJsPlugin(),
new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('production')
})
],
optimization: {
splitChunks: {
chunks: 'all'
}
}
})
网友评论