Webpackにおけるscriptsを通じたビルドモード

ビルドモードは設定ファイルではなく、 package.jsonファイルのscripts 設定を通じて指定することもできます。現在、このファイルにはbuildコマンドが配置されており、設定ファイルで指定されたモードでプロジェクトをビルドします：

"scripts": {
	"build": "webpack"
}

開発モードでプロジェクトをビルドするコマンドを追加してみましょう：

"dev": "webpack --mode development"

本番モードでプロジェクトをビルドするコマンドも追加してみましょう：

"prod": "webpack --mode production"

結果として、私たちのpackage.jsonファイルは次のようになります：

"scripts": {
	"build": "webpack",
	"dev":   "webpack --mode development",
	"prod":  "webpack --mode production",
}

これで、ターミナルで様々なコマンドを使って異なるモードでビルドを実行できるようになります。開発モードでビルドするには、次のように記述します：

npm run dev

本番モードでビルドするには、次のように記述します：

npm run prod

あなたのpackage.jsonに対応する設定を追加してください。

開発モードでプロジェクトをビルドしてください。

本番モードでプロジェクトをビルドしてください。