Размер моих построенных блоков слишком велик, поэтому я пытаюсь разбить их на более мелкие. Когда я устанавливаю minChunks
условие на cacheGroup
, это препятствует созданию этой группы без ошибок. Что я делаю не так в моей конфигурации?
// webpack.common.js
entry: {
build: path.join(setPath('src'), 'main.js')
},
output: {
path: setPath('dist'),
publicPath: '/',
filename: 'js/[name].[hash:8].js',
chunkFilename: 'js/[name].[hash:8].js'
},
Без minChunks
// webpack.prod.js
optimization: {
splitChunks: {
cacheGroups: {
vendors: {
test: /node_modules/,
chunks: 'all'
}
}
}
}
// output
Asset Size Chunks Chunk Names
js/vendors~build.2ef9f7c1.js 1.98 MiB 0 [emitted] [big] vendors~build
js/build.2ef9f7c1.js 354 KiB 1 [emitted] [big] build
index.html 592 bytes [emitted]
С minChunks
// webpack.prod.js
optimization: {
splitChunks: {
cacheGroups: {
vendors: {
test: /node_modules/,
chunks: 'all',
minChunks: 2
}
}
}
}
// output
Asset Size Chunks Chunk Names
js/build.77d425d4.js 2.33 MiB 0 [emitted] [big] build
index.html 454 bytes [emitted]