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

具有多个Azure环境的VSTS中Angular4应用程序的CI CD管道,angular,azure,azure-devops,azure-pipelines,azure-pipelines-release-pipeline,Angular,Azure,Azure Devops,Azure Pipelines,Azure Pipelines Release Pipeline,我有一个Angular 4前端应用程序,它没有任何像java或.Net这样的后端。只是一个我需要在Azure中作为Web应用程序托管的前端UI。它只有几组特定于环境的变量。现在,我为每个特定于环境的版本提供了单独的构建和发布。当我每次都需要构建和部署时,这是一种乏味的工作 问题是: 我想知道如何读取Angular 4中Azure应用程序服务中的应用程序设置 如何可以有一个单一的建设,只是改变应用程序设置为每个特定的环境 提前感谢。我们有3个环境,但我们只运行ng build,那么我们如何处理发布

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

问题是:

  • 我想知道如何读取Angular 4中Azure应用程序服务中的应用程序设置
  • 如何可以有一个单一的建设,只是改变应用程序设置为每个特定的环境

  • 提前感谢。

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

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


    您可以使用Powershell脚本或替换值。

    是否使用environment.json文件(以及在生成中:
    npm run build test
    )?您好,我们使用该文件。现在,我们使用该文件并使用特定于环境的文件执行npm运行build-test。这是我们在每个构建定义中使用的。这就是为什么每个环境都有多个CI CD管道的原因。这看起来很棒。将尝试并更新答案