区别: Webpack css-加载程序和原始加载程序

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组合起来，style-loader将标签插入到页面中，从而只包含页面上使用的样式。

然而，在我们的例子中，无论如何，我们将它们放入一个文件中，因此我们可以使用原始加载器来代替，这几乎节省了一半的时间。

另外，s too是我们使用的唯一依赖项，所以设置应该是双倍的。