如果在一个文件中定义了两个动画,则此文件将包含在另外两个文件中,则动画将获得相同的单个字母名称 a,这会以较低的优先级破坏其中一个动画(因为后者覆盖了前者)
来源:Github上的css加载器问题
我将ExtractTextPlugin
与css-loader
一起使用时看到了相同的效果。来自不同 .scss 文件的几个不同关键帧都重命名为 a
。我试图禁用最小化选项 discardUnused
和 mergeIdents
,如问题中所述。我什至尝试完全禁用最小化,但这没有帮助。
这是我的配置:
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'
]
})
}
- 网络包 2.7.0
- CSS 加载器:0.28.7
- 提取文本网络包插件:2.1.0
我不确定问题出在css加载器还是ExtractTextPlugin使用它的方式上。我已经在解决这个问题上几个小时了。很想听听是否有人有任何有用的提示。
事实证明,这是另一个插件在做迷你派系。一旦我调整了webpack-rtl-plugin
选项以禁用缩小,问题就解决了。