Režimy sestavení přes scripts ve Webpacku

Režim sestavení lze zadat nikoliv v konfiguračním souboru, ale prostřednictvím nastavení scripts souboru package.json. V tomto souboru máme nyní umístěn příkaz build, který sestavuje projekt v režimu zadaném v konfiguračním souboru:

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

Přidejme příkaz, který sestavuje projekt v režimu vývoje:

"dev": "webpack --mode development"

Přidejme také příkaz, který sestavuje projekt v produkčním režimu:

"prod": "webpack --mode production"

Výsledkem bude, že náš soubor package.json bude vypadat následovně:

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

Nyní můžeme v terminálu různými příkazy volat sestavení v různých režimech. Pro sestavení v režimu vývoje napíšeme následující:

npm run dev

A pro sestavení v produkčním režimu - následující:

npm run prod

Zadejte do vašeho package.json příslušná nastavení.

Sestavte váš projekt v režimu vývoje.

Sestavte váš projekt v produkčním režimu.