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

Question

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

...和不同的环境(develop、test、uat 和production)。

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

我找到了 this CRA documentation但它适用于节点变量。

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",
}