Compilazione Automatica in Webpack

Si può fare in modo che Webpack monitori le modifiche ai file del progetto e avvii automaticamente la compilazione ogni volta. Per farlo, in scripts è necessario aggiungere la seguente impostazione:

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

Alla fine, il nostro file package.json avrà il seguente aspetto:

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

È possibile avviare il monitoraggio dei file con il seguente comando:

npm run watch

Dopo di che, non sarà possibile inserire nessun comando nel terminale, finché non interromperete il monitoraggio con il comando Ctrl + C.

Aggiungete le impostazioni corrispondenti nel vostro package.json.

Avviate Webpack in modalità di monitoraggio.

Apportate modifiche ai file del progetto. Verificate che la compilazione automatica venga eseguita.

Interrompete il monitoraggio con il comando appropriato.