webpack - 去重样式加载器和 css-loader 运行时代码

Question

目前，当您尝试使用css -loader 和 style-loader 导入样式时，每次都会为每个包含对所需的样式，这会创建不必要的重复代码。

是否有任何官方方法可以将该代码移动到某个“运行时入口点”，然后使用 处理它CommonsChunkPlugin，就像使用标准 Webpack 块清单方法一样？

我当前（未经彻底测试）的方法是将这两个文件包含在某个运行时入口点中，然后用NormalModuleReplacementPlugin运行时入口点中定义的那些替换这两个需要的每个未来实例：

module.exports = {
    entries: {
        runtime: [
            'style-loader/addStyles',
            'css-loader/lib/css-base',
        ]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            names: ['runtime'],
            minChunks: Infinity
        }),
        new webpack.NormalModuleReplacementPlugin(new RegExp('style-loader/addStyles'), require.resolve('style-loader/addStyles')),
        new webpack.NormalModuleReplacementPlugin(new RegExp('css-loader/lib/css-base'), require.resolve('css-loader/lib/css-base'))
    ]
};

这有意义吗？