Question

我已经在this awesome guide之后成功创建了Angular Elements应用。

“服务”过程包括：

构建应用程序并将其连接到单个js文件ng build --prod --output-hashing=none && cat dist/tamigo-calendar/{runtime,polyfills,scripts,main}.js > ./plainHTML/ship.js
现在提供包含自定义元素的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",

如何在观看模式下提供角度元素应用程序？

1 个答案: