react官方 脚手架 中 配置服务器接口环境，不同的打包名

使用react官方脚手架，在开发中，难免要自己配置接口服务环境，打不同的包，作为一名前端，这一切都想要自动化，手动改容易出错，而且比较麻烦，接下来，记录一下自己的配置之旅。。。

参考react-create-app 文档

react 兼容 IE 7 - 8 低版本

具体配置

... 创建项目.... 

项目结构

同样是在项目根目录下 创建 .env 文件， 默认读取 （设置特定环境 接口地址）

.env.development， 设置开发环境接口地址

 .env.test,  设置测试环境接口地址

 .env.production   设置生产环境接口地址

再 .env 开头的文件中 ，需要设置变量名，必须以 REACT_APP_ 开头才能工作

开发接口配置

生产接口配置

打印测试 

再index.js 中  添加如下代码测试

console.log(process.env)

启动服务

npm start

配置不同的打包环境,参考 另一篇文章，两者结合

暴露配置文件