splitChunk
optimization: {
chunks: 'all',
cacheGroups: {
vendors: {
test: /[\/]node_modules[\/]/, // 指定是node_modules下的第三方包
name: 'chunk-vendors',
chunks: 'all',
minChunks: 1,
priority: -10 // 抽取优先级
},
elementUI: {
name: 'chunk-elementUI',
priority: 20,
test: /[\\/]node_modules[\\/]_?element-ui(.*)/
},
styles: {
name: 'styles',
test: /\.css$/,
chunks: 'all',
enforce: true // 只要是css文件就做代码的拆分
}
}
}
明明已经提取了node_modules相关包,为什么在vendor第三方模块中和入口文件中有相同依赖?