webpack事始め - Qiita

webpackとは webpackとは各種ファイルを指定のファイルの中に取り込んで、関連の機能を一つのファイルにバンドルする(=統合する)機能を提供しています。 ファイルのフォーマットはJS以外にもStyleSheetや画像データ、jsonもバンドルできます。 用語の整理 モジュール 機能ごとに分割されたファイル。 バンドル(バンドルファイル) 統合されたファイルの事。 ・バンドルを生成する = まとめられたファイルを生成する。 ・モジュールをバンドルする = モジュールを統合する。 webpackを導入する事のメリット ブラウザ上でデータを取得するにはhtmlを取得した後に、再度、JSや画像をサーバーに要求しなければいけません。(＝取得するデータ数が多いほど、画面の描画に時間がかかる事になります) その為、個々のファイル群を１つのJSファイルにバンドルすると、ファイルのリクエスト数を減ら