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も同様に扱わせてみませんか?