285

2 つの質問があります。

1) CSS ローダーとスタイル ローダーは、2 つの webpack ローダーです。両者の違いが理解できませんでした。両方とも同じ仕事をしているのに、なぜ 2 つのローダーを使用しなければならないのですか?

2) 上記の Readme.md ファイルに記載されている .useable.less および .useable.css とは何ですか?

4

5 に答える 5

319

CSS ローダーは CSS ファイルを受け取り、webpack の機能を介しimportsて解決された CSS を返します。url(...)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. Lessfile.lessローダーでプレーンな CSS に変換する
  2. CSS ローダーを使用して CSS 内のすべてのimportsand を解決するurl(...)
  3. スタイルローダーを使用してこれらのスタイルをページに挿入します
于 2015-12-12T07:39:16.937 に答える