区别：Webpack css-loader和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个文件中有.scss个，但我还没有看到raw-loader的问题。所以问题是：

1. 这两者究竟有什么区别？
2. 如果我要将css-loader替换为raw-loader以减少运行时间，可能会出现什么问题？

Answer 1

从我自己的理解：

raw-loader和css-loader之间的主要区别在于前者按原样加载文件，而后者则通过webpack require进行排序。因此，css-loader的通常用例是将其与style-loader结合使用，extractTextPlugin将标记插入到页面中，以便它只包含该页面上使用的样式。

但是，在我们的例子中，我们将auto_ack分成一个单独的文件，因此我们可以使用raw-loader，这几乎可以节省一半的时间。

同样是sass-loader resolves @imports too，这是我们唯一使用的依赖项，因此设置应该更加精细。