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

2024-02-18

如何在 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})` ;

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

所以在代码中,我检查我们是否在本地主机上NODE_ENV === development如果没有,我将读取注入到 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
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 JavaScript (React) 项目中使用 Azure Pipeline 变量? 的相关文章

随机推荐