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