具有多环境 Azure 的 VSTS 中 Angular4 应用程序的 CI CD 管道

Question

我有一个 Angular 4 前端应用程序，它没有像 java 或 .Net 这样的任何后端。只是一个前端 UI，我需要将它作为 Web 应用程序托管在 Azure 中。它有几组特定于环境的变量。现在我有针对每个特定环境的单独构建和发布。当我每次都需要构建和部署时，这是一项乏味的工作。

问题是：

1. 我想知道如何在 Angular 4 中读取 Azure 应用服务中的应用设置。
2. 如何才能拥有一个构建版本，只需针对每个特定环境更改应用设置。

提前致谢。

Answer 1

我们有3个环境，但我们只运行ng build，那么我们如何处理发布环境？

当你运行ng build --test/prod/etc.时，文件main.bundle.js根据环境配置文件在特定的地方得到不同的值，所以我们只有一个构建定义，我们只运行ng build，但是在我们的发布管道中，我们根据正确的环境替换 the main.bunble.js 文件中的值。

您可以将这些值替换为 Powershell 脚本或 Replace task。