Webpack Watch Mode: Compilação Automática

Webpack O modo de observação do é um recurso que permite que a ferramenta monitore seus arquivos de origem em busca de alterações e acione automaticamente a recompilação sempre que uma alteração for detectada. Isso é particularmente útil durante o desenvolvimento, pois ajuda a economizar tempo evitando a recompilação manual toda vez que você faz alterações em seu código.

Veja como você pode usar Webpack o modo de exibição do:

Executando Webpack no modo de observação

Para executar Webpack no modo de observação, você pode usar o --watch sinalizador ao executar o webpack comando por meio do seu terminal. Por exemplo:

npx webpack --watch

Com este comando, Webpack começará a observar seus arquivos de origem e recompilará automaticamente o pacote sempre que você salvar alterações neles.

Webpack Configuração

Você também pode configurar o modo de observação em seu webpack arquivo de configuração( webpack.config.js) adicionando a watch: true opção:

module.exports = {  
  // ...other configuration options  
  
  watch: true  
};  

Dessa forma, você não precisa usar o --watch sinalizador toda vez que executar o webpack comando.

Comportamento

Quando Webpack estiver no modo de observação, ele monitorará continuamente seus arquivos de origem em busca de alterações. Sempre que você fizer alterações e salvar os arquivos, Webpack o bundle será recompilado automaticamente. Isso permite que você veja as alterações em seu aplicativo sem precisar acionar manualmente o processo de compilação todas as vezes.

Lembre-se de que, embora o modo de observação seja ótimo para desenvolvimento, normalmente não é usado em compilações de produção, pois pode consumir recursos desnecessários. Para compilações de produção, você geralmente usaria Webpack para criar pacotes otimizados e minificados sem o modo de observação.

Lembre-se de consultar a Webpack documentação oficial para obter as informações mais atualizadas sobre como usar o modo de relógio e suas opções associadas.