如何使用create-react-app构建自定义环境变量?

3
我有一些自定义环境变量,例如:REACT_APP_API_URL='http://localhost:6000/api',并且有不同的环境(developtestuatproduction)。
我该如何为每个环境定义自定义变量和自定义构建命令?
我在这个CRA文档中找到了一些信息,但它只适用于Node变量。

这个问题不是很清楚。你提供的例子有什么问题吗?那应该可以正常工作。 - Siya Mzam
1个回答

6

您可以安装cross-env并使用它来为您的脚本设置自定义REACT_APP_*环境变量:

"scripts": {
  "develop": "cross-env REACT_APP_TEST=start react-scripts start",
  "test": "cross-env REACT_APP_TEST=test react-scripts start",
  "uat": "cross-env REACT_APP_TEST=uat react-scripts start",
  "production": "cross-env REACT_APP_TEST=production react-scripts build",
}

谢谢您的回答。如果我有很多环境变量怎么办?把它们全部放到命令中可以吗? - froston
@froston 没问题!是的,如果你有多个环境变量,你可以在它们之后列出它们。在我看来,这是最好的选择,如果你没有太多的变量。 - Tholle
3
我发现了一个相关项目 env-cmd,它允许将这些变量放在 .env.develop.env.uat 等文件中。 - froston

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接