Webpack 官方指南踩坑:CommonsChunkPlugin 配置问题
官方指南(版本:v4.39.1)
错误信息
webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead
官方指南中的错误配置
const webpack = require('webpack');
module.exports = {
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: 'common'
})
]
};
正确配置
module.exports = {
optimization: {
splitChunks: {
cacheGroups: {
commons: {
name: 'commons',
chunks: 'initial',
minChunks: 2
}
}
}
}
};
name:公共部分输出文件的名称
chunks:模式
minChunks:至少有几个入口相同时判定其为重复
详情参见 另一位朋友的博客