一键式配置环境

参考官网文档

image.png

注意:
1. package.json文件中不允许出现注释,否则扩展配置无效
2. 对于注释为自定义的,即我们可以自己定义名称

{
    /**
     * package.json其它原有配置 
     * 拷贝代码后请去掉注释!
     */
    "uni-app": {// 扩展配置
        "scripts": {
            "custom-platform": { //自定义编译平台配置,可通过cli方式调用
                "title":"自定义扩展名称", // 在HBuilderX中会显示在 运行/发行 菜单中
                "browser":"",  //运行到的目标浏览器,仅当UNI_PLATFORM为h5时有效
                "env": {//环境变量
                    "UNI_PLATFORM": "",  //基准平台
                    "MY_TEST": "", // ... 其他自定义环境变量
                 },
                "define": { //自定义条件编译
                    "CUSTOM-CONST": true //自定义条件编译常量,建议为大写
                }
            }
        }    
    }
}

示例:

WeChatc332af2da824bb8c3c92fd9c50981b4a.jpg
{
    "uni-app": {
        "scripts": {
            "h5Test": {
                "title": "h5测试环境",
                "browser": "chrome",
                "env": {
                    "UNI_PLATFORM": "h5",
                    "BASE_URL_TEST": "https://www.baidu.com",
                    "BASE_URL_DESCRIBE": "这个是测试环境描述"
                },
                "define": {
                    "CUSTOM-CONST": ""
                }
            },
            "WXTest": {
                "title": "WX测试环境",
                "env": {
                    "UNI_PLATFORM": "mp-weixin",
                    "BASE_URL_TEST": "https://www.baidu.com",
                    "BASE_URL_DESCRIBE": "这个是测试环境描述"
                },
                "define": {
                    "CUSTOM-CONST": ""
                }
            }
        }
    }
}

页面使用:

注意:
1. 不能直接使用BASE_URL来做参数.
2. 只能通过 快捷键运行 出来的环境,参数才可以使用,否则不能使用
3. 环境参数修改完了,必须重新运行环境才可以生效

// 获取环境参数
process.env.BASE_URL_TEST      // https://www.baidu.com
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 参考官方文档uni-app 项目中配置环境变量主要有如下三种方式[https://uniapp.dcloud.io...
    赵哥窟阅读 18,912评论 1 14
  • uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS、Andro...
    水岸东方阅读 285评论 0 0
  • 我的技术选项已经确定了uni-app x,接着就要开始动手搭开发环境了。 友情提示:如果发现下面文章有漏掉什么重要...
    ChenReal阅读 3,243评论 0 1
  • uni-app的基本使用 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 un...
    千山鸟语阅读 588评论 0 1
  • 如果你平时用Vue写H5项目比较多,然后突然有一天公司要你用uni-app来同时开发H5和小程序(甚至App),而...
    前端王睿阅读 2,938评论 0 24