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 :

package.json"watch": "webpack --mode development --watch"

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

package.json"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 :

terminalnpm 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.

Задание 1

Ajoutez les configurations correspondantes dans votre package.json.

Задание 2

Lancez Webpack en mode surveillance.

Задание 3

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

Задание 4

Interrompez la surveillance avec la commande appropriée.