无法在 Azure DevOps 发布管道中使用替换令牌或 BashScript 替换 React env.js 变量

Question

我正在使用 Azure DevOps Release 管道更新 React 应用程序中的环境变量。虽然我已经在 CI 构建管道中成功替换了它们，但我现在需要扩展它以支持发布管道中的多个环境。

最初，我尝试使用 .env 文件进行变量管理，但发布管道并未从构建工件中替换它们。作为解决方法，我创建了一个 env.js 文件来存储变量，并尝试在 bundle.js 文件中替换它们。但是，我仍然在努力将生产变量替换为发布管道中变量组的值。

由于这不起作用，我尝试将 Bash 脚本与 sed 命令一起使用。

我仍然收到此错误。有人可以帮忙吗？

Answer 1

从您分享的屏幕截图来看，您似乎将

env.js

文件中的变量名称替换为它们的值；但是，在发布管道中，您的目标是另一个文件

bundles.js

。

请修改您的管道以定位包含管道变量的正确文件。

env.js

module.exports = {
  "REACT_APP_ApiBaseUrl" : "#{apiBaseUrl}#"
}