uniapp 配置自定义发行

最新推荐文章于 2024-06-18 23:04:44 发布

原创最新推荐文章于 2024-06-18 23:04:44 发布 · 2.8k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #vue

在项目根目录创建package.json文件，添加uni-app的scripts扩展配置，用于定义不同环境如测试服务器和微信服务号的标题、目标浏览器、环境变量和条件编译常量。这些设置影响项目的运行和发行，例如在H5平台上进行特定环境的调试或发布。

在项目的根目录创建package.json文件，内容如下，注意复制下面代码，要去掉注释

{
  	"uni-app": {
  		"scripts": {
  			"test-platform": {  // 扩展配置  这里可自己定义名称
  				"title": "测试服务器",   // 标题， 会出现在 运行-->  测试服务器， 和  发行--->自定义 中
  				"BROWSER": "Edge", // 运行到的目标浏览器，仅当UNI_PLATFORM为h5时有效
  				"env": {  // 环境变量
  					"UNI_PLATFORM": "h5",  // 基准平台
  				},
  				"define": { // 自定义条件编译
  					"TEST-SERVER": true  // 自定义条件编译常量，建议为大写
  				}
  			},
			"h5-weixin": { 
				"title":"微信服务号",
				"BROWSER":"Edge",  
				"env": {
					"UNI_PLATFORM": "h5"  
				 },
				"define": { 
					"H5-WEIXIN": true 
				}
			}
  		}
  	}
  }

效果如下图（发行、运行）
在这里插入图片描述

使用方式

<!-- #ifdef PRODUCT-SERVER -->
	PRODUCT-SERVER
	<!-- #endif -->
	<!-- #ifdef TEST-SERVER -->
	TEST-SERVER
	<!-- #endif -->
	<!-- #ifdef H5-WEIXIN -->
	H5-WEIXIN
	<!-- #endif -->

发行效果
在这里插入图片描述