在UMI 3.*中配置：文章来源：https://www.toymoban.com/news/detail-673103.html
export default defineConfig({
chunks: ['vendors', 'umi'],
chainWebpack: function (config: any, { webpack }: any) {
config.plugin('chunkPlugin').use(webpack.optimize.LimitChunkCountPlugin, [
{
maxChunks: 5, // 必须大于或等于 1，此处设置文件数量
chunkOverhead: 100,
},
]);
config.merge({
optimization: {
splitChunks: {
chunks: 'all',
minSize: 30000,
minChunks: 3,
automaticNameDelimiter: '.',
cacheGroups: {
vendor: {
name: 'vendors',
test({ resource }: any) {
return /[\\/]node_modules[\\/]/.test(resource);
},
priority: 10,
},
},
},
},
});
},
});在webpack中：文章来源地址https://www.toymoban.com/news/detail-673103.html
const webpack = require('webpack')
chainWebpack: (config) => {
config.plugin('chunkPlugin').use(webpack.optimize.LimitChunkCountPlugin, [{
maxChunks: 5, // 必须大于或等于 1，此处设置文件数量
minChunkSize: 100, // webpack官网意思是合并小于设置数量大小文件，如果产生的文件大小小于设置值，那么直接和其他的文件合并，目前该配置没有产生效果， 采用下面新属性chunkOverhead
chunkOverhead: 100
}])
},到了这里，关于Webpack减少打包数量和体积(Umi 3.*中)的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
