區別：的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，這是我們正在使用的唯一依賴項，所以安裝程序應該是雙重罰款。