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

Question

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

问题是：

1. 我想知道如何阅读 Angular 4 中 Azure 应用服务中的应用设置。
2. 如何拥有一个单独的构建，只需更改每个特定环境的应用程序设置。

提前致谢。

标签： angularazureazure-devopsazure-pipelinesazure-pipelines-release-pipeline

Answer 1

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

当您运行ng build --test/prod/etc.文件时main.bundle.js，根据环境配置文件在特定位置获取不同的值，因此我们只有一个构建定义并且我们只运行ng build，但在我们的发布管道中，我们the main.bunble.js根据正确的环境替换文件上的值。

您可以使用 Powershell 脚本或Replace task替换这些值。