webpack4 splitChunks配置问题

Question

这是我的配置

 optimization: {
        sideEffects: false,
        splitChunks: {
            chunks: 'all',
            minSize: 30000,
            minChunks: 1,
            cacheGroups: {
                vendor: {
                    name: 'vendor',
                    test: /[\\/]node_modules[\\/]/,
                    chunks: 'all',
                    priority: -10,
                    enforce: true
                },
                styles: {
                    name: 'styles',
                    test: /\.(scss|sass|less|css)$/,
                    chunks: 'all',
                    minChunks: 1,
                    priority: -20,
                    reuseExistingChunk: true,
                    enforce: true
                },
            }
        }
    },

但是打包出来后js里的文件是这样的,出来个以css命令的styles.***.js要怎么去掉
怎样把这些小的js 3.***.js、4.***.js
文件合并到一个js文件里

Answer 1

不使用懒加载 就不会有那些小chunk了