Javascript 为什么在Webpack 4中设置minChunks会破坏cacheGroup的构建?
我构建的块太大了,所以我尝试将它们分成更小的块。当我在Javascript 为什么在Webpack 4中设置minChunks会破坏cacheGroup的构建?,javascript,webpack,webpack-4,Javascript,Webpack,Webpack 4,我构建的块太大了,所以我尝试将它们分成更小的块。当我在cacheGroup上设置minChunks时,它会阻止生成该组,并且不会提供任何错误。我在配置中做错了什么 // webpack.common.js entry: { build: path.join(setPath('src'), 'main.js') }, output: { path: setPath('dist'), publicPath: '/', filename: 'js/[name].[ha
cacheGroup
上设置minChunks
时,它会阻止生成该组,并且不会提供任何错误。我在配置中做错了什么
// 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
使用minChunks
将minChunks从2更改为1,它将正常工作。因为您只有一个名为“build”的条目文件,它是唯一共享公共依赖项的块
// 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]
// 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]