javascript - 如何在 JavaScript (React) 项目中使用 Azure Pipeline 变量？

Question

如何在 React 项目中使用为管道定义的变量？

目前，我在 .yml 文件中定义了这样的构建变量

variables:
  src: "virtual-furnace-app"
  dest: "$(src)/build"
  REACT_APP_VERSION: $(Build.BuildNumber)

在前端代码中，我尝试像这样访问它，但它是未定义的

export const REACT_APP_VERSION = process.env.NODE_ENV === "development" ? `v${pjson.version} (Development build)` : `v${pjson.version} (${process.env.REACT_APP_VERSION})` ;

Answer 1

过了一段时间我自己找到了解决方案。

因此，在代码中，我检查我们是否在本地主机 NODE_ENV ===development 上，如果不是，我将读取注入(inject)到 React 脚本中的变量 process.env.REACT_APP_VERSION

import pjson from "../../package.json"
export const REACT_APP_VERSION = process.env.NODE_ENV === "development" ? `v${pjson.version} (Development build)` : `v${pjson.version} (${process.env.REACT_APP_VERSION})` ;

Azure Pipeline yml 代码

REACT_APP_VERSION=$(BuildID) yarn build