react-native-dotenv: https://github.com/goatandsheep/react-native-dotenv
以下 以Typescript 为例
使用步骤
yarn add react-native-dotenv
yarn add -D @types/react-native-dotenv
- 在babel.config.js文件中 plugins 字段中
[
"module:react-native-dotenv",
{
moduleName: "@env",
path: ".env",
safe: false,
allowUndefined: true,
},
],
- 在需要的地方
import {API_URL} from '@env'
console.log(API_URL)
在根目录下的.env 文件中
API_URL=http://XXXX.com创建env.d.ts文件 在一个目录下,如/types
在tsconfig.json 中添加 指定定义的文件路径
"typeRoots": ["./types"] ,
和compilerOptions 同级
问题点:
在react-native-dotenv 3.3.1版本时,(估计之前版本也有或者是RN的问题)
iOS打Production包时,无法读取到.env文件
参考: 这个issue https://github.com/goatandsheep/react-native-dotenv/issues/38
虽说是Closed,但好像还有问题,
参考其中一个方法:
对于 iOS,把.env文件 拷贝一个到 /ios目录下,这样就能读取到了。
cp .env ios/
或 cp .env.production ios/
暂时解决