我有几个文件,这些文件在我的应用程序(数据模型)中很少更改。我想将它们与主应用程序分开,但是将它们编译为单个文件。
我可以使用splitchunks成功地将它们拆分出来,但这会创建小文件堆(1kb)。我希望它们作为一个文件(〜100kb)。这是我当前的splitchunks配置
splitChunks: {
chunks: 'all',
maxInitialRequests: Infinity,
cacheGroups: {
vendor: {
maxSize: 250000,
test: /[\\/]node_modules[\\/]/,
minSize: 5000,
priority: 10,
name(module) {
// get the name. E.g. node_modules/packageName/not/this/part.js
// or node_modules/packageName
const packageName = module.context.match(/[\\/]node_modules[\\/](.*?)([\\/]|$)/)[1];
// npm package names are URL-safe, but some servers don't like @ symbols
return `v.${packageName.replace('@', '')}`;
},
},
config: {
priority: 100,
minSize: 0,
minChunks: 1,
test: /cp\.data\.config\.ts$/,
name(module) {
return 'cp.data.config.js';
},
},
appmodel: {
maxSize: 250000,
priority: 10,
minSize: 0,
minChunks: 1,
test: /[\\/]data[\\/].*ViewModel.ts/,
name(module) {
const packageName = module.request.match(/[\\/]data[\\/](.*)ViewModel.ts/)[1];
return `m.${packageName}`;
},
}
},
}