違い：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("")) 

そして.scssファイル内require sがありますが、私はまだraw-loaderに問題が表示されません。だから問題は：

1. 2つの違いは何ですか？
2. 実行時間を短縮するためにcss-loaderをraw-loaderに置き換えた場合、何が問題になるでしょうか？私自身の理解から

Answer 1

：あるとしてWebPACKのrequire S通じ、後者の並べ替えながら

がraw-loaderとcss-loaderとの主な違いは、ファイル内のその前のロードです。したがって、css-loaderの通常の使用例は、style-loaderと組み合わせてページにタグを挿入し、そのページに使用されているスタイルのみを含むようにします。

ただし、私たちの場合はextractTextPluginとなりますので、代わりにraw-loaderを使用すればほぼ半分の時間を節約できます。

また、私たちが使用している唯一の依存関係であるsass-loader resolves @imports tooもあるので、セットアップは二重にすべきです。