SCSS重复从angular1.5组件导入

Question

假设我有多个组件需要相同的SCSS文件。当我使用webpack ExtractTextPlugin插件时，我得到输出文件，其中包含此文件内容的多个副本。有没有办法阻止提取已在输出文件中提取的文件？ 1

Answer 1

我认为你需要CommonsChunkPlugin

“CommonsChunkPlugin是一个选择加入的功能，可以创建一个单独的文件（称为块），由多个入口点之间共享的公共模块组成。通过将通用模块与bundle分开，生成的块文件可以在最初加载一次并且存储在缓存中以供以后使用。这导致页面速度优化，因为浏览器可以快速地从缓存中提供共享代码，而不是在访问新页面时被迫加载更大的包。“

...
    plugins: [
       new webpack.optimize.CommonsChunkPlugin({
        name: "commons",
        filename: "commons.min.js",
        minChunks: 2
       })
    ]
...