uniapp借助HBuilderX可视化工具，可以进行开发、打包、上线等操作

环境

根据开发、生产 不同环境，一些判断、展示 都会有不同，例如：api域名链接等等，那么如何进行判断呢？

这里我们可以根据process.env.NODE_ENV的值进行判断，值为development是开发，值为production是生产

package.json 根目录新建package.json文件，增加uni-app扩展节点，可实现自定义条件编译平台

{

    "uni-app": {

        "scripts": {

            "build:test": {

                "title": "build:test",

                "env": {

                    "UNI_PLATFORM": "h5",

                    "H_NODE_ENV": "development"

                }

            },

            "build:pro": {

                "title": "build:pro",

                "env": {

                    "UNI_PLATFORM": "h5",

                    "H_NODE_ENV": "production"

                }

            }

        }

    }

}

1.UNI_PLATFORM仅支持填写uni-app默认支持的基准平台，目前仅限如下枚举值：h5、mp-weixin、mp-alipay、mp-baidu、mp-toutiao、mp-qq 2.BROWSER 仅在UNI_PLATFORM为h5时有效,目前仅限如下枚举值：- Chrome、Firefox、IE、Edge、Safari、HBuilderX 3.package.json文件中不允许出现注释，否则扩展配置无效 4.vue-cli需更新到最新版，HBuilderX需升级到 2.1.6+ 版本

按照以上方法，自定义发行里，多了两个打包项，build:test与build:pro

参考文章

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。