Как обслуживать приложение угловых элементов в режиме часов?

Question

Я успешно создал приложение Angular Elements, следуя этому замечательному руководству.

Процесс "подачи" состоит из:

1. Создайте приложение и объедините его в один файл js ng build --prod --output-hashing=none && cat dist/tamigo-calendar/{runtime,polyfills,scripts,main}.js > ./plainHTML/ship.js
2. Теперь подайте HTML-файл, содержащий пользовательский элемент. В этом случае lite-server,

Но каждый раз, когда я изменяю пользовательский элемент и не хочу, чтобы он обновлялся, мне нужно перезапускать скрипт сборки. Итак, мой вопрос заключается в следующем, как я могу построить это в режиме часов?

Соответствующие части моего package.json выглядит так:

"buildForShip": "ng build --prod --output-hashing=none && cat dist/tamigo-calendar/{runtime,polyfills,scripts,main}.js > ./plainHTML/ship.js",
"plainHTML": "lite-server"
"start": "npm run -s buildForShip && npm run -s plainHTML"

Answer 1

После статьи вы могли бы добавить скрипт с именем plainHTML в scripts объект вашего package.json файл. Вы можете просто добавить --watch после этого.

Что-то вроде этого:

"plainHTML": "lite-server --watch"

Это должно запустить сервер в режиме наблюдения и искать изменения файла.

Кроме того, поскольку ваш файл будет создан после его создания, вы также можете использовать --watch в ng build за buildForShip сценарий:

"buildForShip": "ng build --prod --watch --output-hashing=none && cat dist/tamigo-calendar/{runtime,polyfills,scripts,main}.js > ./plainHTML/ship.js",