Azure Devops - 为纯 Angular 应用程序应用变量组

Question

在 ASP.NET MVC 应用程序中，在将代码部署到实时主机时，我可以将 web.config 值替换为来自 Azure DevOps 中的变量组的值

有没有一种方法可以对仅包含 Angular 脚本的应用程序执行相同的操作？

我知道有 environment.ts 文件可用于通过环境替换配置

但我希望在 Azure DevOps 中使用变量组，因为当我们将代码部署到实时主机时使用起来更方便。

Answer 1

您可以使用Token Replacement extension 替换environment.ts 文件中的设置。它可能看起来像这样：

- task: qetza.replacetokens.replacetokens-task.replacetokens@4
  inputs:
    targetFiles: 'environments/*.ts'
    encoding: 'auto'
    tokenPattern: 'default'
    writeBOM: true
    actionOnMissing: 'warn'
    keepToken: false
    actionOnNoFiles: 'continue'
    enableTransforms: false
    useLegacyPattern: false
    enableTelemetry: true

然后你应该将令牌放入 env 文件中进行替换

export const environment = {
  production: #{VARIABLE_TO_BE_REPLACED}#
};

但是，正如 Daniel 已经提到的，它将导致与 Azure Devops 耦合。