Összeállítási módok scripts segítségével a Webpackben

Az összeállítási módot nem a konfigurációs fájlban, hanem a scripts fájl package.json beállításain keresztül is megadhatjuk. Jelenleg ebben a fájlban található a build parancs, amely a projektet abban a módban állítja össze, amely a konfigurációs fájlban van megadva:

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

Adjunk hozzá egy parancsot, amely a projektet fejlesztői módban állítja össze:

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

Adjunk hozzá egy parancsot, amely a projektet termelési módban állítja össze:

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

Végeredményben a package.json fájlunk így fog kinézni:

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

Most a terminálban különböző parancsokkal tudjuk meghívni az összeállítást különböző módokban. A fejlesztői módban történő összeállításhoz ezt írjuk:

terminalnpm run dev

A termelési módban történő összeállításhoz pedig ezt:

terminalnpm run prod