Modes de build via les scripts dans Webpack

Il est possible de définir le mode de build non pas dans le fichier de configuration, mais via la configuration des scripts du fichier package.json. Actuellement, dans ce fichier, nous avons la commande build, qui construit le projet dans le mode spécifié dans le fichier de configuration :

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

Ajoutons une commande qui construit le projet en mode développement :

"dev": "webpack --mode development"

Ajoutons également une commande qui construit le projet en mode production :

"prod": "webpack --mode production"

Au final, notre fichier package.json deviendra le suivant :

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

Désormais, dans le terminal, nous pourrons utiliser diverses commandes pour lancer la construction dans différents modes. Pour la construction en mode développement, nous taperons ce qui suit :

npm run dev

Et pour la construction en mode production - ce qui suit :

npm run prod

Apportez les modifications correspondantes dans votre package.json.

Construisez votre projet en mode développement.

Construisez votre projet en mode production.