Compilation automatique avec Webpack

Il est possible de configurer Webpack pour qu'il surveille les modifications des fichiers du projet et lance automatiquement la compilation à chaque fois. Pour cela, dans les scripts il faut ajouter la configuration suivante :

"watch": "webpack --mode development --watch"

Au final, notre fichier package.json ressemblera à ceci :

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

Vous pouvez lancer la surveillance des fichiers avec la commande suivante :

npm run watch

Après cela, il ne sera pas possible de saisir une autre commande dans le terminal tant que vous n'interromprez pas la surveillance avec la commande Ctrl + C.

Ajoutez les configurations correspondantes dans votre package.json.

Lancez Webpack en mode surveillance.

Apportez des modifications aux fichiers du projet. Vérifiez qu'une compilation automatique se produit.

Interrompez la surveillance avec la commande appropriée.