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

CI CD Pipeline for Angular4 Application in VSTS with Multiple Environment Azure

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

问题是：

  1. 我想知道如何在 Angular 4.
    2. 中读取 Azure 应用服务中的应用设置
  2. 如何进行单一构建并针对每个特定环境更改应用程序设置。

提前致谢。

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

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

您可以使用 Powershell 脚本或 Replace task.

替换这些值