时间戳

首页 > 解决方案 > Reactjs：使用 react build 在 build 文件夹中设置具有 3 个变量（prod、dev、staging）的 .env 文件

node.js - Reactjs：使用 react build 在 build 文件夹中设置具有 3 个变量（prod、dev、staging）的 .env 文件

问题描述

我有一个带有 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 文件夹中使用它们

标签： node.jsreactjsenvironment-variablesdotenv

解决方案

  • 创建差异环境文件
  • 安装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"

推荐阅读