uniApp 条件编译

最新推荐文章于 2025-04-22 15:04:11 发布

原创最新推荐文章于 2025-04-22 15:04:11 发布

· 878 阅读

0 ·

版权

文章标签：

#uni-app #微信小程序 #小程序

uni-app 专栏收录该内容

1 篇文章

订阅专栏

条件编译是一种编程技术，通过特殊的注释指示编译器根据不同的平台选择性地编译代码段。例如，在小程序开发中，`#ifdef`和`#ifndef`用于指定某个平台特有的功能，如微信登录按钮只在微信小程序中显示，支付宝登录在支付宝小程序中显示。此外，文章还列举了各种平台的标识符，如APP-PLUS、H5、MP-WEIXIN等，以及如何编写条件编译的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、介绍

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

规范：以【#ifdef】或【#ifndef】加【平台名称】开头，以【#endif】结尾。

#ifdef 平台名称：仅在某平台存在;
#ifndef 平台名称：除了某平台均存在;

二、案例

<template>
    <!-- #ifdef MP-WEIXIN -->
    <button>微信登录</button>
    <!-- #endif -->

    <!-- #ifdef MP-ALIPAY -->
    <button>支付宝登录</button>
    <!-- #endif -->
</template>

<script>
// 代码仅在【支付宝小程序】平台上面执行，其他平台不执行
// #ifdef MP-ALIPAY
/*
  需条件编译的代码
*/
// #endif


//  除了【H5】平台和【微信小程序】平台上面不执行，其他平台都执行
// #ifndef H5 || MP-WEIXIN
/*
  需条件编译的代码
*/
// #endif
</script>

三、API

APP-PLUS	5+App
APP-PLUS-NVUE	App nvue
H5	H5
MP-WEIXIN	微信小程序
MP-ALIPAY	支付宝小程序
MP-BAIDU	百度小程序
MP-TOUTIAO	头条小程序
MP-QQ	QQ小程序
MP-360	360小程序
MP	微信小程序/支付宝小程序/百度小程序/头条小程序/QQ小程序/360小程序
quickapp-webview	快应用通用(包含联盟、华为)
quickapp-webview-union	快应用联盟
quickapp-webview-huawe	快应用华为