uniapp 架构项目设置常量

   日期:2020-09-03     浏览:302    评论:0    
核心提示:uniapp不支持.evn使用vue.config.js里面设置全局常量,可以随处方便使用module.exports = { ... chainWebpack: config => { // 添加环境变量,项目中当作常量使用,效果同.env config.plugin(define) .tap(args => { const white_list = [ pages/login/login, ...

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]);
      }
}
...
 
打赏
 本文转载自:网络 
所有权利归属于原作者,如文章来源标示错误或侵犯了您的权利请联系微信13520258486
更多>最近资讯中心
更多>最新资讯中心
0相关评论

推荐图文
推荐资讯中心
点击排行
最新信息
新手指南
采购商服务
供应商服务
交易安全
关注我们
手机网站:
新浪微博:
微信关注:

13520258486

周一至周五 9:00-18:00
(其他时间联系在线客服)

24小时在线客服