1

Webpack のホームページは、すべてのスタイルシートと依存関係を 1 つの CSS ファイルにコンパイルすると主張していますが、これは誤解を招きます。CSS 用に別のローダーが必要なだけでなく、代わりに、埋め込まれた CSS 文字列を読み込んで適用する JS ファイルとして出力します。

なぜ長いルートを取るのですか？そうするのには正当な理由があるはずですよね？

(テキスト抽出プラグインは知っていますが、それはデフォルトの動作ではありません。)

JavaScript は同期的に実行されるため、できるだけ早くコンテンツを表示するとペナルティが課せられるのではないでしょうか? また、スタイルが最終的に読み込まれて適用される前に、スタイルが設定されていないページが短時間表示されることがあります。

単純な CSS ファイルで問題ないのに、なぜ自分のスタイルを JS 経由でロードする必要があるのでしょうか。

4

1 に答える 1

0

したがって、GULP などのシステムでは、ビルド プロセスの設定方法に応じて、CSS と Javascript の依存関係を単一のファイルまたは複数のファイルにコンパイルできる Javascript タスク ランナーです。

CSS をコンパイルする理由

  • LESS や SASS などのプリプロセッサを使用する機能
  • 配布用にこれらのアセットの縮小を自動化します。
  • 多くの CSS ファイルを 1 つのファイルに結合して、ページの合計リクエスト数を減らす機能。
  • リビジョン # をファイルの末尾に追加して、キャッシュ システムを打ち負かす機能。

JS をコンパイルする理由

  • 複数のスクリプトを 1 つのスクリプトに結合して、要求とファイル サイズを削減する機能。
  • 自動縮小。
  • リビジョン # をファイルの末尾に追加して、キャッシュ システムを打ち負かす機能。

Webpack は、これらのことを行うための非常に後方の方法のように思えます。

于 2016-06-29T21:18:16.387 に答える