Webpack 4-拆分特定模块，然后连接

Question

我有几个文件，这些文件在我的应用程序（数据模型）中很少更改。我想将它们与主应用程序分开，但是将它们编译为单个文件。

我可以使用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}`;
                    },
                }
            },
        }