条件编译&写法

条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。 写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。

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

%PLATFORM%值：	生效条件
H5
MP-WEIXIN	微信小程序
MP-ALIPAY	支付宝小程序
MP-BAIDU	百度小程序
MP-TOUTIAO	抖音小程序
MP-KUAISHOU	快手小程序
MP-JD	京东小程序
MP	微信小程序/支付宝小程序/百度小程序/抖音小程序/飞书小程序/QQ 小程序/360 小程序

支持的文件

• .vue、.pug
• .css、.scss、.less、.stylus
• .js、.ts
• pages.json

写法

pages.json管理页面路由、和manifest.json管理应用配置。
vue/nvue 模板里使用 ，css 使用 /* 注释 */，js 使用 // 注释。

• 模板写法

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

• css 样式写法

css
/*  #ifdef  %PLATFORM%  */
平台特有样式
/*  #endif  */

• JS 写法

js
// #ifdef  %PLATFORM%
平台特有的API实现;
// #endif

• pages.json

json
// #ifdef %PLATFORM%
{
  "pagePath": "pages/eg",
  "text": "案例"
}
// #endif