react 配置development test prod 环境

首先可以参考一下官方文档

添加自定义环境变量
怎么创建环境

接下来进入正文

1、创建 .env.development, .env.test, .env.prod文件

# 默认测试环境  .env.development
REACT_APP_ENV=dev

# 预发布环境 .env.test
REACT_APP_ENV=test

# 线上环境 .env.prod
REACT_APP_ENV=prod

注：必须是以REACT_APP开头的变量 才可以

2、npm install dotenv-cli --save-dev

3、package.json

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

注：dotenv -e一定要写在前边

4、使用

去吧皮卡丘，逻辑中打印process.env试试看