uni-app之條件編譯

ifdef 僅出現在XXx平台上

僅出現在 App 平台下的代碼

#ifdef APP-PLUS
需條件編譯的代碼
#endif

<!-- 只在H5上有哈 -->
<!-- #ifdef H5 -->
	<view>
		我只會出現在h5上
	</view>
<!-- #endif -->


<!-- 只在小程序上有哈 -->
<!-- #ifdef MP-WEIXIN -->
	<view>
		我只會出現在小程序上
	</view>
<!-- #endif -->

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

#ifndef H5
需條件編譯的代碼
#endif

<!-- #ifndef H5 -->
<view>
       除了H5平台,其他的平台都存在的哈
</view>
<!-- #endif -->

在寫條件編譯時，需要注意的點。千萬別忘記寫
<!--  XX -->這個是必須要有的。
否者不能夠產生條件編譯

代碼只有在支付寶小程序中才能夠生效
<!-- #ifdef MP-ALIPAY -->
	<view class="demo">
		我在支付寶中才有的
	</view>
<!-- #endif -->

//僅在支付寶小程序中生效 
/* #ifdef MP-ALIPAY */
.demo{
	width: 200rpx;
	height: 200rpx;
	border-radius: 50%;
	background: #1AAD19;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	font-size: 30rpx;
	padding: 10rpx;
}
/* #endif */

最后總結一下
條件編譯是利用注釋實現的，在不同語法里注釋寫法不一樣，
js使用 // 注釋、
css 使用 /* 注釋 */、
vue/nvue 模板里使用 <!-- 注釋 -->
json文件使用 // 注釋、