Javascript cacheGroups放弃我的组,只创建前两个组
我想根据下面的方案把我的包分成几块。但是,只考虑前2个区块组,并且将我的Javascript cacheGroups放弃我的组,只创建前两个组,javascript,webpack,webpack-4,Javascript,Webpack,Webpack 4,我想根据下面的方案把我的包分成几块。但是,只考虑前2个区块组,并且将我的编辑器组插入到我的应用程序主js(app)中,而不是单独的区块 预期结果: 实际结果: 似乎在appcommons之后,它就放弃了剩下的部分但是,如果我删除app_commons,那么编辑器将被创建为块。似乎在第二组之后,它就是不尊重我的规则 代码: 请将exforce:true添加到编辑器配置中。您是否检查了成功(return true)分支?尝试将exforce:true添加到编辑器配置中。哇强制执行:真有效!非常感谢。
编辑器组插入到我的应用程序主js(app
)中,而不是单独的区块
预期结果:
实际结果:
似乎在appcommons
之后,它就放弃了剩下的部分但是,如果我删除app_commons
,那么编辑器
将被创建为块。似乎在第二组之后,它就是不尊重我的规则
代码:
请将exforce:true
添加到编辑器配置中。您是否检查了成功(return true
)分支?尝试将exforce:true
添加到编辑器配置中。哇<代码>强制执行:真
有效!非常感谢。你可以写这封信作为回答,这样我就可以接受了。
"/packs/js/runtime~app.js",
"/packs/js/vendors.chunk.js",
"/packs/js/app-commons.chunk.js",
"/packs/js/editors.chunk.js", // Editors are in this.
"/packs/js/app.chunk.js"
"/packs/js/runtime~app.js",
"/packs/js/vendors.chunk.js",
"/packs/js/app-commons.chunk.js",
"/packs/js/app.chunk.js" // instead, editors inserted to this...
splitChunks(config =>
Object.assign({}, config, {
optimization: {
splitChunks: {
cacheGroups: {
commons: {
test(mod /* , chunk */) {
if (!mod.context.includes('node_modules')) {
return false
}
if (
['editor', 'draft-js', 'highlight'].some(str =>
mod.context.includes(str),
)
) {
return false
}
return true
},
name: 'vendors',
chunks: 'all',
reuseExistingChunk: true,
},
app_commons: {
test(mod /* , chunk */) {
if (!mod.context.includes('node_modules')) {
return false
}
if (['draft-js', 'highlight'].some(str => mod.context.includes(str))) {
return true
}
return false
},
name: 'app-commons',
chunks: 'all',
reuseExistingChunk: true,
},
editor: {
test(mod /* , chunk */) {
if (!mod.context.includes('node_modules')) {
return false
}
if (['editor'].some(str => mod.context.includes(str))) {
return true
}
return false
},
name: 'editors',
chunks: 'all',
reuseExistingChunk: true,
},
},
},
},
}),
)