uniapp踩坑之项目：各端条件编译

在 HBuilderX 中，ctrl+alt+/ 即可生成正确注释（js：// 注释、css：/* 注释 */、vue/nvue模板： ）。

• #ifdef：if defined 仅在某平台存在
• #ifndef：if not defined 除了某平台均存在
• %PLATFORM%：平台名称

条件编译写法	说明
#ifdef  APP-PLUS 需条件编译的代码 #endif	仅出现在 App 平台下的代码
#ifndef  H5 需条件编译的代码 #endif	除了 H5 平台，其它平台均存在的代码
#ifdef  H5  ||  MP-WEIXIN 需条件编译的代码 #endif	在 H5 平台或微信小程序平台存在的代码（这里只有||，不可能出现&&，因为没有交集）

APP-PLUS	App
APP-PLUS-NVUE	App nvue
H5	H5
MP-WEIXIN	微信小程序
MP-ALIPAY	支付宝小程序
MP-BAIDU	百度小程序
MP-TOUTIAO	字节跳动小程序
MP-QQ	QQ小程序
MP	微信小程序/支付宝小程序/百度小程序/字节跳动小程序/QQ小程序

API 的条件编译
// #ifdef  %PLATFORM%
平台特有的API实现
// #endif

组件的条件编译
<!--  #ifdef  %PLATFORM% -->
平台特有的组件
<!--  #endif -->


样式的条件编译
/*  #ifdef  %PLATFORM%  */
平台特有样式
/*  #endif  */

pages.json 的条件编译
/*  #ifdef  %PLATFORM%  */
// 平台特有样式
{
	"path": "pages/home/home",
	"style": {
		    "navigationBarTextStyle": "white"
	}
}
/*  #endif  */

---

上一篇文章， JS：数组常用api_意初的博客-CSDN博客JS：数组常用api。https://blog.csdn.net/weixin_43928112/article/details/129936267