如何使用具有自定义环境变量的 create-react-app 构建？

Question

我有一些自定义环境变量，例如： REACT_APP_API_URL='http://localhost:6000/api'

......以及不同enviroments（ ，，和）。developtestuatproduction

如何为每个环境定义自定义变量和自定义构建命令？

我找到了这个 CRA 文档，但它适用于 Node 变量。

Answer 1

您可以安装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",
}