2017-10-07 22 views
1

こんにちはみんな、私はWebPACKの程度種類の愚かな質問がありますが、私は実際にそれがWebPACKのスタイル・ローダーとCSS-ローダー


何CSSローダーを使用することの利点(css-のための答えを知りたいです私がファイルを私のindex.htmlに挿入することができれば、webpackを介してwebpackを使ってアップロードすることができます。


私は大規模でスケーラブルなプロジェクトでwebpackを使用していますが、実際に役立ち、純粋な、古くてよく知られたリンクを スタイルシートのメインファイルに使用する代わりにたとえば、

答えて

2

1-あなたが必要とするブラウザサポートに基づいてCSSを自動プレフィックスするために、他のプラグインを使用してCSSをパイプすることができます。

2 CSSを小さくすることができます。

3 CSSをチャンクして、出力を特定のバンドルから動的に除外/含めることができます。

4-簡単なデバッグのためにソースマップを生成することができます。

5 CSSを変更すると、ブラウザが自動的にリロードされます。

6-ハッシュを使用してCSS出力ファイル名を動的に変更して、CDNキャッシュを無効にすることができます。

7- JavaScriptファイルでCSSをインポートできます。

8- JavaScriptファイルでCSSモジュールを使用できます。

9 - 使用されていないCSSルールa.k.a. dead-code eliminationを排除できます。

これは私の頭に浮かんだものの一部です。人々が生態系のためのプラグインを作成し続けるにつれ、さらに多くがあります。

これらの目標を達成するために特にWebpackは必要ありませんが、手作業で行うことも、タスクランナーやカスタムスクリプトで行うこともできます。しかし、あなたのプロジェクトでJavaScriptをバンドルするためにWebpackを使用している場合、WebpackにあなたのCSSも同様に扱わせてみませんか?

関連する問題