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:

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

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

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

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