区别：Webpack css-loader 和 raw-loader

Question

所以根据this question，css-loader将文件加载为字符串，根据require解析webpack依赖，style-loader在页面中插入样式标签，很多情况下css-loader可以替换为@ 987654326@.

我目前正在使用：

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

在.scss 文件中有requires，但我还没有看到raw-loader 有问题。所以问题是：

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

Answer 1

根据我自己的理解：

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

但是，在我们的例子中，我们还是将它们extractTextPlugin 放入一个文件中，因此我们可以只使用 raw-loader，这样可以节省几乎一半的时间。

还有sass-loader resolves @imports too，这是我们正在使用的唯一依赖项，所以设置应该加倍好。