Načini gradnje prek scripts v Webpack

Način gradnje je mogoče nastaviti ne v konfiguracijski datoteki, ampak prek nastavitev scripts datoteke package.json. Trenutno je v tej datoteki naša ukaz build, ki gradi projekt v načinu, določenem v konfiguracijski datoteki:

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

Dodajmo ukaz, ki gradi projekt v razvojnem načinu:

"dev": "webpack --mode development"

Dodajmo tudi ukaz, ki gradi projekt v produkcijskem načinu:

"prod": "webpack --mode production"

Kot rezultat bo naša datoteka package.json izgledala takole:

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

Zdaj lahko v terminalu z različnimi ukazi kličemo gradnjo v različnih načinih. Za gradnjo v razvojnem načinu bomo napisali naslednje:

npm run dev

Za gradnjo v produkcijskem načinu pa - naslednje:

npm run prod

Vnesite ustrezne nastavitve v vaš package.json.

Zgradite vaš projekt v razvojnem načinu.

Zgradite vaš projekt v produkcijskem načinu.