官网地址:概述 | uni-app官网
uni-app 通过在package.json文件中增加uni-app扩展节点，实现自定义条件编译,例如要发行最新的小程序，可能需要手动修改一些生产与开发环境的不同ip地址等，通过此配置条件，实现自动编译
在json文件中新增一项 uni-app
"uni-app": {
"scripts": {
"weixin:test": {
"title": "微信开发环境", // 在HBuilderX中会显示在 运行/发行 菜单中
"env": {
"UNI_PLATFORM": "mp-weixin", //发行的平台，目前仅限如下枚举值：h5、mp-weixin、mp-alipay、mp-baidu、mp-toutiao、mp-qq
"ENV_PATH": "@/env/dev.js" //自定义的环境变量
},
"define": {
"WXCS-PLATFORM": true
}
},
"weixin:pro": {
"title": "微信生产环境",
"env": {
"UNI_PLATFORM": "mp-weixin",
"ENV_PATH": "@/env/prod.js"
},
"define": {
"WXSC-PLATFORM": true
}
}
}
}这里将环境变量设置为两个js文件地址，文件中使用对象导出需要的变量
在package.json同级目录下新建env文件夹，文件夹中新建dev.js（开发）和pord.js（生产）文件，写上对应的变量用对象导出使用
// 开发环境变量配置
const ENV_TYPE = {
baseUrl:'https://XXXXXXX.cn:444',
imagesUrl:'https://XXXXXXX.cn:444/img/wechat-images/',
}
module.exports = ENV_TYPE如何获取？文章来源：https://www.toymoban.com/news/detail-547187.html
页面通过process.env.ENV_PATH就可以获取对应条件设置的值，比如当你选择微信生产环境发行或者运行，对应ENV_PATH值就为@/env/prod.js文章来源地址https://www.toymoban.com/news/detail-547187.html
let path = require(process.env.ENV_PATH)
//导入文件使用变量接收一下
//使用 ==>path.baseUrl、path.imagesUrl到了这里，关于uniapp 小程序不同环境下编译的变量配置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
