Tryby budowania przez scripts w Webpack

Można ustawiać tryb budowania nie w pliku konfiguracyjnym, a poprzez konfigurację scripts pliku package.json. Teraz w tym pliku mamy umieszczone polecenie build, które buduje projekt w trybie, który jest określony w pliku konfiguracyjnym:

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

Dodajmy polecenie, które buduje projekt w trybie deweloperskim:

"dev": "webpack --mode development"

Dodajmy również polecenie, które buduje projekt w trybie produkcyjnym:

"prod": "webpack --mode production"

Ostatecznie nasz plik package.json będzie wyglądać następująco:

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

Teraz w terminalu możemy różnymi poleceniami wywoływać budowanie w różnych trybach. Aby zbudować w trybie deweloperskim napiszemy następująco:

npm run dev

A aby zbudować w trybie produkcyjnym - następująco:

npm run prod

Wprowadź w twoim package.json odpowiednie ustawienia.

Zbuduj twój projekt w trybie deweloperskim.

Zbuduj twój projekt w trybie produkcyjnym.