sass - 差异 : Webpack css-loader and raw-loader

Question

所以根据this question , css-loader将文件加载为字符串，根据 require 解析 webpack 依赖, 和 style-loader将样式标签插入页面，在许多情况下，css-loader可以用raw-loader代替.

我目前正在使用:

loader: ExtractTextPlugin.extract("raw-loader!postcss-loader!sass-loader?sourceMap&" + sassIncludePaths.join(""))

还有 require s 在 .scss文件，但我认为 raw-loader 没有问题然而。所以问题是:

两者之间究竟有什么区别？

如果我要更换 css-loader 可能会有什么问题与 raw-loader为了减少运行时间？

Answer 1

就我个人的理解:
raw-loader的主要区别和 css-loader是前者按原样加载文件，而后者通过 webpack 排序 require s。因此，通常用于 css-loader 的用例是将它与 style-loader 结合起来，它会在页面中插入一个标签，以便它只包含在该页面上使用的样式。

然而，在我们的例子中，我们 extractTextPlugin无论如何，它们都被合并到一个文件中，所以我们可以使用 raw-loader 来代替，这几乎节省了一半的时间。

还有那个 sass-loader resolves @import s too ，这是我们使用的唯一依赖项，因此设置应该加倍精细。