Compilação Automática no Webpack

É possível configurar o Webpack para monitorar as alterações nos arquivos do projeto e executar a compilação automaticamente cada vez. Para fazer isso, em scripts é necessário adicionar a seguinte configuração:

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

Como resultado, nosso arquivo package.json ficará com a seguinte aparência:

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

Você pode iniciar o monitoramento de arquivos com o seguinte comando:

npm run watch

Após isso, não será possível inserir nenhum outro comando no terminal até que você interrompa o monitoramento com o comando Ctrl + C.

Adicione as configurações correspondentes ao seu package.json.

Inicie o Webpack no modo de monitoramento.

Faça alterações nos arquivos do projeto. Verifique se a compilação automática ocorre.

Interrompa o monitoramento com o comando correspondente.