angular - 如何在手表模式下提供角度元素应用程序？

Question

我已经按照这个很棒的指南成功地创建了一个 Angular Elements 应用程序。

“服务”过程包括：

1. 将应用程序和 concat 构建成单个 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的脚本。您可以简单地在它之后添加。scriptspackage.json--watch

像这样的东西：

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

这应该在监视模式下运行服务器并应该查找文件更改。

此外，由于您的文件将在构建后生成，您还可以使用--watchin ng buildforbuildForShip脚本：

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