[解決済み】Webpackのスタイルローダーとcssローダーの比較

質問

2つ質問があります。

1) CSSローダー と スタイルローダー は2つのwebpackローダーです。私はこの2つの違いを把握することができませんでした。なぜ2つのローダーは同じ仕事をするのに使わなければならないのでしょうか？

2) 上記Readme.mdファイルにある.useable.lessと.useable.cssとは何でしょうか？

解決方法は？

CSSローダーは、CSSファイルを受け取り、そのCSSを imports と url(...) は、webpack の require という機能があります。

var css = require("css!./file.css");
// => returns css code from file.css, resolves imports and url(...) 

実際には する は、返された CSS に対して何もしません。

スタイルローダーはCSSを受け取り、実際にページに挿入して、ページ上でスタイルがアクティブになるようにします。

これらはそれぞれ別の処理を行いますが、Unixのパイプのように連結して使うと便利なことがよくあります。たとえば Less CSS プリプロセッサーは を使用することができます。

require("style!css!less!./file.less")

になります。

1. 回す file.less をプレーンな CSS に変換する Less ローダー
2. をすべて解決します。 imports と url(...) をCSSローダーで読み込んでいます。
3. スタイルローダーでそれらのスタイルをページに挿入する