Compilación automática en Webpack

Se puede configurar Webpack para que rastree los cambios en los archivos del proyecto y ejecute automáticamente la compilación cada vez. Para esto, en scripts se debe agregar la siguiente configuración:

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

Como resultado, nuestro archivo package.json se verá de la siguiente manera:

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

Se puede iniciar el rastreo de archivos con el siguiente comando:

npm run watch

Después de esto, no se podrá ingresar ningún comando en la terminal hasta que interrumpas el rastreo con el comando Ctrl + C.

Agrega en tu package.json la configuración correspondiente.

Inicia Webpack en modo de rastreo.

Realiza cambios en los archivos del proyecto. Verifica que ocurra una compilación automática.

Interrumpe el rastreo con el comando correspondiente.