默认情况在 React 中可以使用 NODE_ENV 变量, 以及 REACT_APP_ 开头的变量
WARNING: 不要在 React App 中存储任何密钥!
代码中获取变量值
定义的环境变量在代码中使用 process.env.XXX 获取对应的值.
NODE_ENV 的值与使用场景
在运行 npm start 的时候 NODE_ENV 默认为 development, npm test 的使用 值为 test, npm run build 的时候值为 production, 这个值不能通过手动覆盖以免开发者误操作.
可以使用 NODE_ENV 提示当前环境, 加载不同环境所需的插件, 执行不同环境的分支代码.
自定义环境变量
通过 .env 文件自定义环境变量 REACT_APP_
.env 文件的使用
- .env 默认
- .env.development, .env.test, .env.production 指定不同环境的环境变量
额外的 .env[.xx].local 文件为, 覆盖对应环境, 具有更高优先级.
在 .env 文件中使用 ${} 可以以变量方式组装新的值.
