ExtractTextPlugin:如何避免重命名CSS关键帧?

时间:2017-10-27 09:21:24

标签: webpack css-loader extract-text-plugin extracttextwebpackplugin

  

如果在一个文件中定义了两个动画,则此文件将包含在另外两个文件中,动画会获得相同的单个字母名称a,其中一个名称会以较低的优先级打破其中一个(因为后者会覆盖前者)

来源:css-loader issue on Github

ExtractTextPlugincss-loader一起使用时,我发现效果相同。来自不同.scss文件的几个不同关键帧都重命名为a。我已尝试停用最小化选项discardUnusedmergeIdents,如issue中所述。我甚至试图完全禁用最小化,但这并没有帮助。

这是我的配置:

scss: {
    test: /\.scss$/,
    use: ExtractTextPlugin.extract({
            fallback: 'style-loader',
            use: [
                'css-loader?minimize=false',
                /* I've tried these too:
                'css-loader?sourceMap&minimize.discardUnused=false&minimize.mergeIdents=false',
                'css-loader?-minimize',
                {
                    loader: 'css-loader',
                    options: {
                        minimize: {                            
                            discardUnused: false,
                            mergeIdents: false,
                        }
                   }
                }
                */
                'sass-loader'
            ]
        })
}
  • webpack 2.7.0
  • css-loader:0.28.7
  • extract-text-webpack-plugin:2.1.0

我不确定问题出在css-loader中还是ExtractTextPlugin使用它的方式。 我已经在这个问题上工作了好几个小时。 如果有人有任何有用的提示,我们很乐意听到。

1 个答案:

答案 0 :(得分:0)

原来这是另一个做minifaction的插件。一旦我调整webpack-rtl-plugin的选项以禁用缩小,问题就解决了。