9.JS｜Webpack

フロントの開発環境周りでちょくちょく出てくるけど、何かよく分かっていないので整理。

Webpackは、JSファイルをまとめる高機能なモジュールバンドラーのこと。
モジュールバンドラーとは、複数のモジュールを依存関係を解決してまとめる為のもの。
モジュールとは、フロントエンドの開発において「関数」や「コンポーネント」といった機能ごとに分けたファイルのこと。

なぜまとめる必要があるかというと、ブラウザ／サーバー間での通信プロトコルであるHTTP／1.1の仕組みに起因する。
HTTP／1.1接続ではブラウザとウェブサーバーの同時接続数が限られる。
その為JSのリクエストをなるべく一つにまとめてリクエスト回数を減らすことが、表示速度（パフォーマンス）の改善に繋がる。