本記事では、webpackでconfigファイルの共通部を 外部ファイルへ切り出して管理、使用する方法を紹介していきます。本記事の内容です。 webpack-mergeをインストール configファイルの共通部を別途ファイル化 各環境毎のconfigファイルで共通configファイル…

本記事では、webpackで使用するconfigファイルを指定する (選択する)方法を紹介していきます。本記事の内容です。 webpackのconfigファイルを準備する 開発用(webpack.config.development.js) 本番用(webpack.config.production.js) ビルド時に使用するconfi…

本記事では、webpackで本番用と開発用にビルド方法を 切替える方法を紹介していきます。本記事の内容です。 本番用ビルド設定 開発用ビルド設定 開発用ビルド設定のdevtoolについて 本番用ビルド設定webpack.config.jsに、mode行を追加します。 内容は、下記…

本記事では、webpackを使用してjsファイルを まとめる方法を紹介していきます。本記事の内容です。 webpackって何？ webpackを使用する準備 webpackのインストール webpackの設定ファイル作成 JavaScriptソースコードの準備 ビルド jsファイルをまとめた結果…