uni-app 里的#ifdef MP是什么意思?条件编译

uni-app官方文档传送门:条件编译(点我)

相信很多刚接触uni-app的童鞋都不太喜欢先看完整官方文档。总会碰到很多不懂的地方第一时间上网搜答案,就比如在uni-app模版看到的#ifdef MP,这是什么鬼?

对于学过C语言的童鞋并不陌生,因为这是条件编译语句

为什么会出现在uni-app里呢?因为uni-app的特性---一份代码,多平台运行。没错,就是一套代码,可以在android ios 各个小程序和h5上运行,因此为了代码简洁性引入的条件编译,

#ifdef   #ifndef  #endif(其实官网介绍的也很详细)

标准的语法

// #ifdef %PLATFORM%
    %PLATFORM%为平台名称
    这里的内容只会编译在该平台
// #endif

可以看到其实以#ifdef开头 #endif结尾,但是注意一下就会发现前面双斜杠,这里是注释标记

也就是说在各个代码块里的注释不一样,注释标记就要切换掉,比如

js:  // #ifdef
tag标签: 
css样式: /*  #ifdef  */

解释一下语句是什么意思

#ifdef :       if defined  仅在某个平台编译

#ifndef :     if not defined  在除里该平台的其他编译

#endif :       end if 结束条件编译

%PLATFORM%       需要编译的平台,上面的MP就是各个小程序的意思

uni-app支持的各个平台(下面官网copy过来的)

平台 参考文档
APP-PLUS 5+App HTML5+ 规范
APP-PLUS-NVUE 5+App nvue Weex 规范
H5 H5  
MP-WEIXIN 微信小程序 微信小程序
MP-ALIPAY 支付宝小程序 支付宝小程序
MP-BAIDU 百度小程序 百度小程序
MP-TOUTIAO 头条小程序 头条小程序
MP-QQ QQ小程序 (目前仅cli版支持)
MP 微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序  

示例 如果只需要在微信小程序上编译某段代码的话

// #ifdef MP-WEIXIN
    我是那个代码
// #endif

 

你可能感兴趣的:(uni-app,小程序)