Reactjs ：使用 React build 在构建文件夹中设置包含 3 个变量（prod、dev、staging）的 .env 文件

Question

我有一个带有 build 文件夹的 React 应用程序（由： npm run build 生成），我想在 .env 文件中包含 3 个变量（只有一个文件）：

REACT_APP_API_URL=http://localhost:3000/api ( for production)
REACT_APP_PROD_URL=http://localhost:3001/api ( for staging)
REACT_APP_STAGIN_URL=http://localhost:3002/api ( for development)

并在 npm run build 文件夹中使用它们

Answer 1

• 创建差异 env 文件
• 安装yarn add env-cmd
• 并将脚本添加到package.json：

"start-qa": "env-cmd -f .env.qa react-scripts start"

或构建：

"build-qa": "env-cmd -f .env.qa react-scripts build"