实现方式
1.安装react-native-dotenv
npm install react-native-dotenv --save
//或者
yarn add react-native-dotenv
2.在你的.babelrc(如果没有新建一个)文件中配置一下设置
简单配置,都使用默认参数
{
"plugins": [
["module:react-native-dotenv"]
]
}
定制配置,自定义
{
"plugins": [
["module:react-native-dotenv", {
"envName": "APP_ENV",
"moduleName": "@env",
"path": ".env",
"blocklist": null,
"allowlist": null,
"blacklist": null, // DEPRECATED
"whitelist": null, // DEPRECATED
"safe": false,
"allowUndefined": true,
"verbose": false
}]
]
}
3.在项目根目录下新建js-modules.d.ts文件,设置
declare module '@env'
4.在项目根目录下新建.env文件,里面可以配置需要的变量,使用key=value的形式
eg:
APP_TRYPE = ZZZ
APP_NAME = AAA
5.使用
import {APP_TRYPE, APP_NAME} from "@env"
console.log('APP_TRYPE:',APP_TRYPE)
输出:APP_TRYPE:ZZZ
console.log('APP_NAME',APP_NAME)
输出:APP_NAME:AAA
标签:yyds,NAME,APP,react,env,TRYPE,native
From: https://blog.51cto.com/u_11365839/8120926