Buildmodes via scripts in Webpack

Je kunt de buildmodus instellen niet in het configuratiebestand, maar via de instellingen van de scripts in het package.json bestand. Momenteel staat in dit bestand het build commando, dat het project bouwt in de modus die is gespecificeerd in het configuratiebestand:

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

Laten we een commando toevoegen dat het project bouwt in de ontwikkelmodus:

"dev": "webpack --mode development"

Laten we ook een commando toevoegen dat het project bouwt in de productiemodus:

"prod": "webpack --mode production"

Uiteindelijk ziet ons package.json bestand er als volgt uit:

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

Nu kunnen we in de terminal met verschillende commando's de build in verschillende modi uitvoeren. Voor de build in de ontwikkelmodus schrijven we het volgende:

npm run dev

En voor de build in de productiemodus - het volgende:

npm run prod

Breng de corresponderende instellingen aan in je package.json.

Bouw je project in de ontwikkelmodus.

Bouw je project in de productiemodus.