angular - 在构建期间设置环境变量

Question

我使用 Angular-CLI 创建了一个应用程序，出于调试目的，我想在应用程序中显示一些有关正在运行的构建的信息。例如，git 分支或构建时间等。

我可以编写一个脚本来操作 src/environments/environment.ts 但我在问自己是否有更好的方法。特别是因为该文件是源代码管理的一部分。

在 Angular-CLI 上切换以覆盖变量的值会很好。假设变量 environment.build 和 environment.time 在 environment.ts 中设置为虚拟变量。然后使用 ng --env[build]=master --env[time]=201612130742 我会用计算值覆盖它们。

但据我所知，这样的事情并不存在？

Answer 1

你可以使用 gulp-ng-config在您的 CI/CD 过程中注入(inject)配置。另外，看看 this有关如何实现此功能的更多选项的文章。