uniapp条件编译

简介: uniapp条件编译

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

写法:以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。

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

条件编译写法

说明

#ifdef APP-PLUS

需条件编译的代码

#endif

仅出现在 App 平台下的代码

#ifndef H5

需条件编译的代码

#endif

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

#ifdef H5 || MP-WEIXIN

需条件编译的代码

#endif

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

%PLATFORM% 可取值如下:屏幕截图 2023-07-17 154445.png支持的文件

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

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

API 的条件编译

1.// #ifdef %PLATFORM%

2.平台特有的API实现

3.// #endif

相关文章
|
小程序
UniAPP 目录结构详细介绍(及条件编译文件夹详解)
UniAPP 目录结构详细介绍(及条件编译文件夹详解)
717 1
|
Web App开发 移动开发 小程序
UniApp 自定义条件编译详细使用流程
UniApp 自定义条件编译详细使用流程
384 0
|
4月前
|
小程序 Android开发
uniapp进行条件编译的两种方法
uniapp进行条件编译的两种方法
173 0
|
4月前
|
移动开发 小程序
uniapp什么是条件编译?
uniapp什么是条件编译?
98 0
|
4月前
|
移动开发 开发框架 小程序
uni-app的优缺点;uniapp进行条件编译的两种方法;小程序端和H5的代表值
uni-app的优缺点;uniapp进行条件编译的两种方法;小程序端和H5的代表值
188 0
|
10月前
|
移动开发 小程序 API
uniapp条件编译
uniapp条件编译
|
移动开发 小程序 JavaScript
uniapp进行条件编译的两种方法?小程序端和H5的代表值是什么
在 UniApp 中,可以使用条件编译来根据不同的平台(小程序、H5 等)进行不同的代码处理。有两种主要的方法来实现条件编译:使用 mp 属性和条件注释。
|
JSON 移动开发 JavaScript
uniapp 条件编译的使用
uniapp 条件编译的使用
uniapp 条件编译的使用
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的房屋租赁App的详细设计和实现(源码+lw+部署文档+讲解等)
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
39 7