webpackとは - Qiita

はじめに 「そういえばwebpackってなんだ？」と思い、調べたことをメモしておこうと思います。 webpackとは webpack（ウェブパック）複数のJavaScriptファイルを一つのファイルにまとめて出力するモジュールバンドラー(module bundler) です。 Vue.jsやReactなんかを扱っているとイメージが付きやすいかと思いますが、各機能ごとにjs/tsファイルが分かれていると思います。 そういった複数のファイルをまとめる(bundle)するためのツールです。 webpackの利点 利点としては、リクエストの回数を減らせることです。 リクエストが増えるとパフォーマンス（表示速度）が落ちてしまうため、機能ごとに分けたファイルを別々に読み込むことはあまりよくありません。 「開発時はファイルを分けたい/実行時はまとめたい」を実現できるツールと言えるでしょう。