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

Question

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

...以及不同的环境（develop，test，uat和production）。

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

我找到了this CRA documentation，但是它可以与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",
}