css,js,画像などの静的アセットを最適化してフロントエンドで読み込むためのモジュールハンドラー。
node.jsを利用する。

webpack とは、一言で言うと JavaScript 向けのモジュールバンドラーです。
複数の JavaScript モジュールを一つ（またはいくつか）のファイルへバンドル（=bundle: 束にする、包む）してくれます。

使うメリットは何？
モジュールを 1 つ（もしくは少数）にまとめることでブラウザからのリクエスト数を減らし、ファイル転送の効率が向上します。
ES Modules や CommonJS 形式のモジュールなど、さまざまな形式のモジュールに対応しています。
上記の JS モジュールのみならず、CSS や画像ファイルもバンドルすることができます。