uniapp条件编译

uniapp条件编译

uni-app 将已经将可以跨平台兼容处理的组件及 API 等进行了封装，但是部分平台的特性无法跨平台。
由此，uni-app 提供了条件编译的方案，来处理不同平台的特定或差异。

写法

• #ifdef： 仅在某平台存在
• #ifndef： 除了某平台均存在

onLoad() {// 仅出现在App平台下的代码// #ifdef APP-PLUSconsole.log('条件编译下的代码1')// #endif// 除了APP平台，其他平台均执行// #ifndef APP-PLUSconsole.log('条件编译下的代码2')// #endif// 仅在APP和H5平台执行该代码，没有&&因为只有一个平台存在// #ifdef APP-PLUS || H5console.log('条件编译下的代码3')// #endif
}

下面是具体使用实例

在h5上运行

// #ifdef H5console.log('H5代码执行')
// #endif

在App平台上运行

// #ifdef APP-PLUSconsole.log('App平台下代码执行')
// #endif

微信小程序代码执行

// #ifdef MP-WEIXINconsole.log('微信小程序代码执行')
// #endif// 除了MP-WEIXIN微信小程序还有支付宝、百度、字节跳动
//、飞书、QQ、快手、360总共八种小程序// 支付宝小程序
// #ifdef MP-ALIPAY	console.log('支付宝小程序代码执行')
// #endif// 百度小程序
// #ifdef MP-BAIDU	console.log('百度小程序代码执行')
// #endif// 字节跳动小程序
// #ifdef MP-TOUTIAO	console.log('字节跳动小程序代码执行')
// #endif// 飞书小程序
// #ifdef MP-LARK	console.log('飞书小程序代码执行')
// #endif// QQ小程序
// #ifdef MP-QQ		console.log('QQ小程序代码执行')
// #endif// 快手小程序
// #ifdef MP-KUAISHOU	console.log('快手小程序代码执行')
// #endif// 360小程序
// #ifdef MP-360	console.log('360小程序代码执行')
// #endif

小程序平台下执行

// #ifdef MPconsole.log('小程序平台下代码执行')
// #endif

App nvue 页面执行

// #ifdef APP-PLUS-NVUEconsole.log('APP-NVUE页面代码执行')
// #endif// #ifdef APP-NVUEconsole.log('APP-NVUE页面代码执行')
// #endif

快应用通用(包含联盟、华为)代码执行

// #ifdef QUICKAPP-WEBVIEW	console.log('快应用通用(包含联盟、华为)代码执行')
// #endif

快应用华为

// 快应用华为
// #ifdef console.log('QUICKAPP-WEBVIEW-HUAWEI')
// #endif