uniapp条件编译使用教学(#ifdef、#ifndef)

例子1（仅在5+app平台上此代码生效）例子2（非5+app平台上此代码生效）‘仅在5+app平台上生效的事件’‘非5+app平台上生效的事件’

在当今多端应用开发的时代，开发者面临着需要同时适配H5、微信小程序、App等多个平台的挑战。Uniapp作为一款优秀的跨平台开发框架，其条件编译功能成为了解决多端差异的核心技术。本文将全面解析Uniapp条件编译的方方面面，从基础语法到高级应用，帮助开发者掌握这一关键技术。

条件编译是一种在编程中根据特定平台选择性编译代码的技术。如#ifdef和#endif根据APP-PLUS平台标识在微信小程序、支付宝小程序、百度小程序、头条小程序、QQ小程序以及H5应用中实现代码的平台特定执行。下面介绍了如何使用#ifdef和#ifndef等注释来标记代码块，确保它们在H5、5+App、微信小程序等不同平台上正确执行编译。通过这种方式，开发者可以实现代码的平台定制，提高代码的可移植性和效率。

在不同平台，引用的静态资源可能也存在差异，通过 static 的的条件编译可以解决此问题，static 目录下新建不同平台的专有目录（目录名称同%PLATFORM%值域,但字母均为小写），专有目录下的静态资源只有在特定平台才会编译进去。如果想把各平台的页面文件更彻底的分开，也可以在cafe-app项目根目录创建platforms目录，然后在下面进一步创建app-plus、mp-weixin等子目录，存放不同平台的文件。这样，就不会在其它平台产生多余的资源，进而减小包体积。只有在微信小程序平台才会编译进去，

uni-app跨平台魔法师：条件编译指南

引用。

以#ifdef或#ifndef加%PLATFORM%开头，以#endif结尾。#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在%PLATFORM%：平台名称。

uni-app条件编译：#ifdef #ifndef #endif 语法：//#ifdef%PLATFORM% 这些代码只在该平台编译 //#endif#ifdef：ifdefined仅在某个平台编译 #ifndef：ifnotdefined在除里该平台的其他编译 #endif：endif结束条件编译%PLATFORM%...

做项目的时候，请求数据接口时发现eval函数在H5和APP端是可以渲染出来的，但是运行在小程序时页面报错。然后换JSON.parse()方法，又发现小程序是可以渲染的，但H5和APP端又报错了。结果在网上一顿搜索，终于找到了一个解决的办法，可以跨端兼容，就是我们接下里要讲的条件编译。 条件编译其实就是if判断，以#ifdef或 #ifndef加%PLATFORM%开头，以 #endif结尾。个人感觉这是uniapp把自己的js封装到框架中，只要按照 uni-app 规范开发即可保证多平台兼容。只是用特殊的注

uni-app 框架跨端兼容，不同平台下实现特有功能

<font color="#8dc63f">uniapp</font> 中根据不用的平台，执行不同的代码的方法。

uniapp微信小程序ifdef与endif的使用