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

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

在文章之后，您可能在package.json文件的scripts对象中添加了一个名为plainHTML的脚本。你可以简单地在它后面添加--watch。

类似这样的东西：

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

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

此外，由于您的文件将在构建后生成，因此您也可以在ng build中使用--watch作为buildForShip脚本：

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