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

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

package.json"scripts": {
  "build": "webpack"
}

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

package.json"dev": "webpack --mode development"

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

package.json"prod": "webpack --mode production"

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

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

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

terminalnpm run dev

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

terminalnpm run prod