react create app 新增环境变量配置

react create app脚手架使用的是dotenv控制环境。默认情况下create app有三个命令配置,他们对应三个环境变量：

1. npm run start ---> development
2. npm run test ---> test
3. npm run build ---> production

在脚手架中定义环境变量通过.env文件实现，那么通常我们的三个命令对应下面三个文件：

1. npm run start ---> .env.development
2. npm run test ---> .env.test
3. npm run build ---> .env.production

如果我们想定义自己的特殊环境文件呢，你需要使用dotenv指定你的命令要读取的env文件，比如我们要定义一个启动命令读取一个.env.qa的文件，我们需要修改一下package.json,scripts的配置.

1.首先要先安装dotenv环境：
NPM

$ npm install -g dotenv-cli

Yarn

$ yarn global add dotenv-cli

2.package.json,scripts中新增一个脚本配置：

"qa": "dotenv -e .env.qa react-app-rewired start",

我们新增了一个npm run qa的命令，这条命令会读取你根目录下面的.env.qa的文件