如何让webpack输出原始css文件，但一切都解决了？

Question

我有一个AngularJS（v1.5）项目，该项目使用名为angular-css的库来动态加载css。它可以根据需要加载/卸载样式，并使css命名冲突的可能性大大降低。整个项目已经配置好了，现在只为Webpack设置。

我想要的是以某种方式配置webpack以解析每个css / scss文件中的任何URL等，并将其作为具有其原始名称的样式表放入构建中，这样它仍然可以被角度拾取-css按预期。我尝试使用文件加载器完成此操作，如果使用css-loader（用于解析）链接，并且使用ExtractTextPlugin似乎想将所有内容转储到一个无法工作的文件中，它似乎无法工作任

以下是webpack.config.js的相关部分（注释掉的部分是我对文件加载器的原始尝试）：

以下是为了清晰起见，它是如何在组件中设置的。

Answer 1

您可以将extract-loader放在sass-loader和file-loader之间，以便即时评估。这应该在file-loader将其放入文件之前解决所有问题。