Bygglägen via scripts i Webpack

Det är möjligt att ställa in byggläget inte i konfigurationsfilen, utan genom att konfigurera scripts filen package.json. För närvarande i denna fil har vi kommandot build, som bygger projektet i det läge som anges i konfigurationsfilen:

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

Låt oss lägga till ett kommando som bygger projektet i utvecklingsläge:

"dev": "webpack --mode development"

Låt oss också lägga till ett kommando som bygger projektet i produktionsläge:

"prod": "webpack --mode production"

Så småningom kommer vår package.json-fil att se ut på följande sätt:

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

Nu kan vi i terminalen använda olika kommandon för att anropa byggprocessen i olika lägen. För att bygga i utvecklingsläge skriver vi följande:

npm run dev

Och för att bygga i produktionsläge - följande:

npm run prod

Inför motsvarande inställningar i din package.json.

Bygg ditt projekt i utvecklingsläge.

Bygg ditt projekt i produktionsläge.