Webpack 4 - разделить определенные модули, а затем объединить - PullRequest
0 голосов
/ 12 февраля 2019

У меня есть несколько файлов, которые редко меняются в моем приложении (мои модели данных).Я хочу отделить их от основного приложения, но скомпилировать их как один файл.

Я могу успешно разделить их, используя splitchunks, но это создает кучу маленьких файлов (1 КБ).Я хочу, чтобы они были одним файлом (~ 100 КБ).Это мой текущий конфиг 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}`;
                    },
                }
            },
        }
...