代码之家 › 专栏 › 技术社区 › DauleDK

如何在手表模式下为angular elements应用程序提供服务?

angular-elements angular

2

DauleDK · 技术社区 · 7 年前

我已经成功地创建了一个Angle Elements应用程序 this awesome guide .

“服务”过程包括:

将应用程序和concat构建到单个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"

1 回复 | 直到 7 年前

1

2

SiddAjmera 7 年前

在本文之后,您可能添加了一个名为 plainHTML 在 scripts 你的目标 package.json 文件你可以简单地添加 --watch 之后。

比如:

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

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

此外,由于文件将在构建后生成,因此您还可以使用 --观察 在里面 ng build 对于 buildForShip 脚本:

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