** Webpack拆分块插件-下面的代码-在生产模式下不会生成antd.bundle.js。 在开发模式下,它可以正常工作,并生成3个捆绑文件-react.bundle.js,antd.bundle.js和common.bundle.js。 **
optimization: {
splitChunks: {
cacheGroups: {
react: {
test: /[\\/]node_modules[\\/]((react).*[\\/])/,
name: 'common/react.bundle',
chunks: 'all',
},
antd: {
test: /[\\/]node_modules[\\/]((antd).*[\\/])/,
name: 'common/antd.bundle',
chunks: 'all',
},
common: {
test(mod/* , chunk */) {
if (mod.context) {
// Only node_modules are needed
if (!mod.context.includes('node_modules')) {
return false;
}
// But not node modules that contain these key words in the path
if (['react', 'antd'].some((str) => mod.context.includes(str))) {
return false;
}
}
return true;
},
name: 'common/common.bundle',
chunks: 'all',
reuseExistingChunk: true,
},
},
},
},