webpackとは

Node.jsでサーバーサイドで動かすモジュールバンドラーツール

モジュールとは

プログラムのJavaScriptファイルやSCSSファイルのこと
webpackを使うと、複数のjsファイルを１つのjsファイルにまとめたりできる。

バンドル(bandle)

束にするという意味
webpackはモジュールを束にする。

webpackを使うメリット

• コードが読みやすくなる
• 保守性が高くなる
• コードをほかプロジェクトに転用しやすくなる
• JavaScriptだけでなく、CSSや画像もバンドルできる
• 包括的な開発環境が整うため、開発作業の分担やテストがしやすくなる
• jsファイルがまとまっていると、複数ファイルの場合に比べブラウザでjsを読み込む時間も短くなる