Ö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:

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

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

"dev": "webpack --mode development"

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

"prod": "webpack --mode production"

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

"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:

npm run dev

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

npm run prod

Végezze el a package.json fájlban a megfelelő beállításokat.

Állítsa össze a projektjét fejlesztői módban.

Állítsa össze a projektjét termelési módban.