uniapp 架构项目设置常量

uniapp不支持.evn
使用vue.config.js设置全局常量,可以方便随处使用

module.exports = {
	...
	chainWebpack: config => {  
			// 添加环境变量,项目中当作常量使用,效果同.env
			config.plugin("define")  
					.tap(args => {
							const KEY= 'xxxx'
							args[0]["process.env"].VUE_APP_ENVBANE = JSON.stringify("环境变量值");
							args[0]["KEY"]=JSON.stringify(KEY); // 这里要转义一下
							return args;
					});
	...
}

使用的时候
第一种,兼容vue的.env写法。

	console.log(process.env.VUE_APP_ENVBANE)

第二种,直接使用。

	console.log(KEY)
  • 注意需要和项目内其他常量区分开。最好做个前缀标识,
  • 也可以写在一个文件中,然后这里导入后循环赋值。
  • 修改后要重启项目

新建文件const.js

// APP表示全局,类似空间命名
const KEY= 'xxx'
// ...其他常量
module.exports = {
	KEY,
	...
}

引入vue.config.js

const constVar = require('./const') // 引入常量文件
...
config.plugin("define").tap((args) => {
      // 全局变量
      for (let key in constVar) { // 循环赋值
        args[0][key] = JSON.stringify(constVar[key]);
      }
}
...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值