React App 配置多环境变量安装dotenvcli工具新建.env.dev环境变量文件新建.env.pro环境变量

安装 dotenv cli 工具

yarn add dotenv-cli

新建 .env.dev 环境变量文件

REACT_APP_API=/api

新建 .env.pro 环境变量文件

REACT_APP_API=http://xxx.xxx.com/api

在 package.json 中配置

"scripts": {
    "start": "dotenv -e .env.dev node scripts/start.js",
    "build": "dotenv -e .env.pro node scripts/build.js",
    ...
}

在js里使用环境变量

console.log(process.env.REACT_APP_API)