CI CD Pipeline for Angular4 Application in VSTS with Multipl

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 脚本或替换任务替换这些值。