Azure Devops - 為純 Angular 應用程序應用變量組

Question

在 ASP.NET MVC 應用程序中，我可以在將代碼部署到實時主機時將 web.config 值替換為來自 Azure DevOps 中的變量組的值

有沒有辦法對只包含 Angular 腳本的應用程序做同樣的事情？

我知道有 environment.ts 文件可用於通過環境替換配置

但我希望在 Azure DevOps 中使用變量組，因為當我們將代碼部署到實時主機時使用起來更方便。

Answer 1

您可以使用令牌替換擴展來替換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 耦合。