ExtractTextPlugin：如何避免重命名 CSS 关键帧？答案

【问题标题】：ExtractTextPlugin: How do I avoid having CSS Keyframes renamed?ExtractTextPlugin：如何避免重命名 CSS 关键帧？
【发布时间】：2017-10-27 09:21:23
【问题描述】：

如果在一个文件中定义了两个动画，则该文件将包含在另外两个文件中，动画会使用相同的单字母名称 a 来中断其中一个优先级较低的动画（因为后者会覆盖前者）

来源：css-loader issue on Github

当ExtractTextPlugin 与css-loader 一起使用时，我看到了相同的效果。来自不同 .scss 文件的几个不同关键帧都重命名为 a。我尝试禁用最小化选项discardUnused 和mergeIdents，如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 使用它的方式上。我已经研究这个问题几个小时了。很想听听是否有人有任何有用的提示。

【问题讨论】：

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

【解决方案1】：

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

【讨论】：