区别：的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 S IN的.scss文件，但我看不出raw-loader一个问题呢。所以问题是：

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

Answer 1

从我自己的理解：

raw-loader和css-loader之间的主要区别是，在文件前负荷不变，同时通过的WebPack后者排序require秒。因此，css-loader的常见用例是将它与style-loader结合使用，它在页面中插入一个标签，以便它仅包含在该页面上使用的样式。

但是，在我们的情况下，我们extractTextPlugin无论如何都将它们合并为一个单独的文件，所以我们可以使用raw-loader，这样可以节省将近一半的时间。

另外，sass-loader resolves @imports too，这是我们正在使用的唯一依赖项，所以安装程序应该是双重罚款。