Režimy zostavovania cez scripts v Webpack

Režim zostavenia je možné nastaviť nie v konfiguračnom súbore, ale cez nastavenie scripts súboru package.json. Momentálne sa v tomto súbore nachádza príkaz build, ktorý zostavuje projekt v režime špecifikovanom v konfiguračnom súbore:

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

Pridajme príkaz, ktorý zostaví projekt v režime vývoja:

"dev": "webpack --mode development"

Pridajme tiež príkaz, ktorý zostaví projekt v produkčnom režime:

"prod": "webpack --mode production"

Výsledkom bude, že náš súbor package.json bude vyzerať nasledovne:

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

Teraz môžeme v termináli rôznymi príkazmi volať zostavenie v rôznych režimoch. Pre zostavenie v režime vývoja napíšeme nasledovné:

npm run dev

A pre zostavenie v produkčnom režime - nasledovné:

npm run prod

Vložte do vášho package.json zodpovedajúce nastavenia.

Zostavte váš projekt v režime vývoja.

Zostavte váš projekt v produkčnom režime.