【webpack】webpack設定を一からまとめてみる① - Qiita

webpackとは フロントエンド開発におけるオープンソースのモジュールバンドラーである。 ここで言うモジュールとは、JavascriptやCSS、画像などのファイルを示し、モジュールバンドラーとはこれらのファイルをまとめる役割を持つ。現在の最新はバージョン5となっている。 webpackを利用するメリット ・自動でファイルの依存関係を解決してくれる ・リソースをコンパクトにしてくれる ・ローダーや各種プラグインを導入する事でデフォルトの設定を上書きし、機能を拡張する事が出来る 導入方法 ①Node.jsをインストールする webpackはNode.jsで動かす為、最初にインストールしておく。 ②フロントエンドパッケージを初期化 Node.js上で動かすモジュールの管理には今回npmを使用する。