Как связать вызов скрипта npm после каждой сборки ng serve?

Я пытаюсь связать вызов скрипта ng serve во время работы, но когда я запускаю эту команду, второй связанный скрипт build-components.js запускается только при первом вызове.
Я думал, что пакет одновременно здесь разрешит оба скрипта для последовательного запуска в соответствии с документами https://www.npmjs.com/package/concurrently

То, что я собираюсь сделать, это запускать скрипт build-components.js каждый раз, когда запускается ng serve (т. е. обнаруживает изменение источника).

Скрипт Package.json:

"build:watch": "concurrently \"ng serve --port 4003\" \"node build-components.js\""

Тестирование

 concurrently "ng serve --port 4003" "node build-components.js"

[1] node build-components.js exited with code 0
[0] i ｢wds｣: Project is running at http://localhost:4003/webpack-dev-server/

Вопрос:

Как вы можете запускать другой скрипт npm после каждой сборки ng serve?

Я также просмотрел почтовые крючки npm, но, похоже, это не запускает скрипт после запуска ng serve.

http://www.marcusoft.net/2015/08/pre-and-post-hooks-for-npm-scripting.html#hooks-pre-and-post

Это сценарий build-components.js для справки. Он копирует некоторые дополнительные файлы сборки в общую папку для хостинга:

const fs = require('fs-extra');
const concat = require('concat');

(async function build() {
  const js = [
    './dist/app/runtime-es2015.js',
    './dist/app/main-es2015.js',
    './dist/app/scripts.js',
  ];
  const css = ['./dist/app/styles.css'];

  await fs.ensureDir('components');
  await concat(js, 'components/component.js');
  await concat(css, 'components/component.css');
})();