taro: 如何使用编译配置中定义的常量defineConstants

一、先下载库：babel-plugin-transform-inline-environment-variables

npm install babel-plugin-transform-inline-environment-variables --save-dev

二、配置项目根目录下的.babelrc文件

{"plugins": ["transform-inline-environment-variables"]
}

三、在config/dev.js（开发环境）文件中配置常量defineConstants字段

注意：
1. 每次修改该配置文件后，都需要手动再重新运行编译命令，否则常量不能使用！！！
2. 在 defineConstants字段中：定义的常量，除了Number类型，其他类型（如：字符串、对象等）的值，都需要先转成json形式存储，但是在页面或xx.js文件中使用时，不用再JSON.parse()转换，直接就是普通的字符、对象类型，可以直接使用。

const userObj = { name: '小兰'，age: 19 }
module.exports = {env: {NODE_ENV: '"development"',},defineConstants: {NAME: '"小明"',AGE: 18,HOST_NAME: '"http://www.baodu.com"', // 注意：非Number类型的值，必须要写成json字符。USER_INFO: JSON.stringify(userObj)},mini: {},h5: {devServer: {proxy: {'/wxWork/': {target: 'https://qyapi.weixin.qq.com/',pathRewrite: {'^/wxWork/': '',},changeOrigin: true,},'/crm/': {target: 'http://xxxx.com/',pathRewrite: {'^/crm/': '',},changeOrigin: true,},},},},
}

四、在xx.tsx页面中使用常量（直接在代码中写常量名即可-类似全局变量）

注意：先运行（开发环境）编译命令：npm run dev:h5

class App extends Component<PropsWithChildren> {componentDidMount() {console.log('当前运行环境是', process.env.NODE_ENV, NAME, HOST_URL, USER_INFO.name) // development, '小明', 'http://www.baodu.com', '小兰'}
}

或在xxx.ts中使用

console.log(HOST_URL) // 'http://www.baodu.com'

参考链接：

https://www.helloworld.net/p/4316604605

https://www.w3cschool.cn/taro_v3/taro_v3-2pha3jj8.html

taro: 如何使用编译配置中定义的常量defineConstants相关推荐

【mybatis】mybatis使用java实体中定义的常量，或静态方法
mybatis使用java实体中定义的常量示例代码: <selectid="findDealerInfo"parameterType="com.pisen.clo ...
java语言中修饰一个常量_接口中定义一个常量所用的修饰符有: (5.0分)_学小易找答案...
[判断题]Java中的接口不允许被继承 (5.0分) [单选题]下列程序的输出结果是( ) public class Ex_36{ public static void main(String arg ...
java: 已在该编译单元中定义com.zhang.collection.Book
注意Book类爆红了,原因是因为这个: import java.awt.print.Book; 把这个import去掉即可
WebKit浏览器编译——开启宏定义
例如:VIDEO 代码中已经对VIDEO做了一定的支持,但默认情况下并没有开启,这些支持都在一个ENABLE_VIDEO的宏定义中括起来了,可以grep下源代码看下有很多ENABLE(VIDEO)括起 ...
java接口如何定义常量 c_在Java接口中怎样访问定义的常量呢？
java接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能).那么我们在Java接口中怎 ...
java 定义一组常量用什么最好_Java语言中定义常量注意事项解析
一.常量定义的基本注意事项. 在Java语言中,主要是利用final关键字(在Java类中灵活使用Static关键字)来定义常量.当常量被设定后,一般情况下就不允许再进行更改.如可以利用如下的形式来定 ...
java定义常量_JAVA中定义常量方法
JAVA中定义常量方法 (2013-01-28 14:30:19) 标签: it 一.常量定义的基本注意事项. 在Java语言中,主要是利用final关键字(在Java类中灵活使用Static关键字) ...
java 定义map_定义map%3ck_v%3e,Java中定义Map恒量，List常量
Java中定义Map常量,List常量一般的方式的使用静态代码块.比如: public final static Map map = new HashMap(); static { map.put( ...
java 接口中常量_在Java接口中怎样访问定义的常量呢？
java接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能).那么我们在Java接口中怎 ...

taro: 如何使用编译配置中定义的常量defineConstants

一、先下载库：babel-plugin-transform-inline-environment-variables

二、配置项目根目录下的.babelrc文件

三、在config/dev.js（开发环境）文件中配置常量defineConstants字段

四、在xx.tsx页面中使用常量（直接在代码中写常量名即可-类似全局变量）

参考链接：

taro: 如何使用编译配置中定义的常量defineConstants相关推荐

最新文章

热门文章