Build-Modi über Scripts in Webpack

Man kann den Build-Modus nicht in der Konfigurationsdatei, sondern über die Einstellung der scripts Datei package.json festlegen. Derzeit befindet sich in dieser Datei unser Befehl build, der das Projekt in dem Modus baut, der in der Konfigurationsdatei angegeben ist:

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

Lassen Sie uns einen Befehl hinzufügen, der das Projekt im Entwicklungsmodus baut:

"dev": "webpack --mode development"

Lassen Sie uns auch einen Befehl hinzufügen, der das Projekt im Produktionsmodus baut:

"prod": "webpack --mode production"

Am Ende wird unsere package.json Datei wie folgt aussehen:

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

Jetzt können wir im Terminal mit verschiedenen Befehlen den Build in verschiedenen Modi aufrufen. Um im Entwicklungsmodus zu bauen, schreiben wir Folgendes:

npm run dev

Und für den Build im Produktionsmodus - Folgendes:

npm run prod

Nehmen Sie die entsprechenden Einstellungen in Ihrer package.json vor.

Bauen Sie Ihr Projekt im Entwicklungsmodus.

Bauen Sie Ihr Projekt im Produktionsmodus.