动态导入js，但只有一个CSS文件

Question

我正在将webpack 4与基于esmodule的react应用一起使用。我们使用更少的css模块。当我用动态导入打包我的应用程序时，我的css也被分块到多个文件中。我想使用动态导入来延迟加载js，但将所有css放在一个文件中。我尝试使用以下内容，但似乎不起作用。

optimization: {
                splitChunks: {
                    cacheGroups: {
                        styles: {
                            name: 'styles',
                            test: /\.(css|less)$/,
                            chunks: 'all'
                        },
                    },
                },
            },