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

标签 angular azure azure-devops azure-pipelines azure-pipelines-release-pipeline

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

问题是:

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

提前致谢。

最佳答案

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

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

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

关于angular - 具有多环境 Azure 的 VSTS 中 Angular4 应用程序的 CI CD 管道,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51954509/

相关文章:

c# - 如何从azure表存储查询中获取超过1000个实体?

c# - 使用 vssClientCredentials 进行 VSTS 身份验证

reactjs - 如何在天蓝色网站上的 react 应用程序中替换%PUBLIC_URL%

javascript - 类型-/JavaScript - array.indexOf 始终返回 -1

azure - 使用 ADF 将子目录中的文件复制到 azure 存储

javascript - 按日期分组的问题

azure - 数据盘有什么用?

git - 如何将现有的 Git 存储库推送到 Team Foundation Service

node.js - WebSocket 代理在 Node.js 和 Angular 上失败。意外响应代码 : 404

Angular Material mat-select在Angular应用中下划线颜色变化