“observar” é algo que damos como certo em nosso ciclo de desenvolvimento.
a cada alteração de arquivo ou salva, nosso aplicativo se reconstrói/re-renderiza e vemos a versão mais recente. Mas há um porém. o comando de construção nunca termina…. e isso é irritante.

se você já tentou isso antes:

ng build --watch && node test.js

No meu caso de uso, precisei adicionar um arquivo de configuração à pasta dist após a compilação e qualquer solução que tentei (run-all, concorrentemente, postbuild ) falhou devido a incompatibilidades de tempo entre os comandos. e me forçou a executá-lo manualmente após cada salvamento. (não é a melhor prática)
E depois…, quando toda a esperança se foi, encontrei isso:

Ganchos do Webpack.

Nós temos esse arquivo que não gostamos de tocar, webpack.config.js , é assustador e a maioria de nós não sabe como ele funciona, é um dado do comando cli que usamos para criar nossa aplicação. Uma verdadeira “caixa preta”. Então, como o Angular usa o arquivo webpack.config.js.

Em nosso arquivo Angular.json na raiz do nosso projeto temos a opção de passar uma configuração de webpack personalizada para cada aplicação/biblioteca na pasta do nosso projeto.

"build": {
  "builder": "@angular-builders/custom-webpack:browser",
  "options": {
    "customWebpackConfig": {
      "path": "./custom-webpack.config.js"
    },

Neste exemplo eu adiciono uma funcionalidade ao hook “done” do webpack que é executado toda vez que ele termina seu ciclo (no nosso caso um ciclo de construção ng), uma lista de todos os hooks do webpack disponíveis pode ser encontrada aqui .

O comportamento no exemplo acima executará “ npm run add:file” toda vez que o webpack terminar de reconstruir meu projeto angular.

Este é apenas um pequeno exemplo do que pode ser feito com a configuração do webpack. Fiquei feliz em encontrar esse ajuste que resolveu um problema real para minha equipe e nos deu uma experiência de desenvolvimento muito mais suave.
Infelizmente e felizmente, o Webpack faz muita magia negra e é hora de tentarmos aprender a entender mais sobre isso, para que possamos usar essa poderosa ferramenta como queremos e precisamos.