uniapp学习记录#1——条件编译(平台差异)

条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。

写法:以 #ifdef 或 #ifndef 加 %PLATFORM%（平台） 开头，以 #endif 结尾。

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

例:

仅出现在 App 平台下的代码

#ifdef APP-PLUS
需条件编译的代码
#endif

除了 H5 平台，其它平台均存在的代码

#ifndef H5
需条件编译的代码
#endif

在 H5 平台或微信小程序平台存在的代码（这里只有||，不可能出现&&，因为没有交集）

#ifdef H5 || MP-WEIXIN
需条件编译的代码
#endif

%PLATFORM%（平台） 可取值如下：

 支持的文件:

• .vue
• .js
• .css
• pages.json
• 各预编译语言文件，如：.scss、.less、.stylus、.ts、.pug

注意：

• 条件编译是利用注释实现的，在不同语法里注释写法不一样，js使用 // 注释、css 使用 /* 注释 */、vue/nvue 模板里使用 <!-- 注释 -->；

• 条件编译APP-PLUS包含APP-NVUE和APP-VUE，APP-PLUS-NVUE和APP-NVUE没什么区别，为了简写后面出了APP-NVUE ；

• 使用条件编译请保证编译前和编译后文件的语法正确性，即要保障无论条件编译是否生效都能通过语法校验。比如：json文件中不能有多余的逗号，js中不能重复导入；

• VUE3 需要在项目的 manifest.json 文件根节点配置 "vueVersion" : "3"

子组件也可以使用条件编译--