條件編譯可以使得我們在不同應用環境顯示不同的資訊。

使用方法是在view/js/css中使用註釋。宣告ifdef

比如在view中

<view>
        <!-- #ifdef H5-->
        <view>
            只在H5編譯
        </view>
        <!-- #endif -->
        
        <!-- #ifdef APP-PLUS-->
        <view>
            只在ios/安卓編譯
        </
 
view>
        <!-- #endif -->
        
        <!-- #ifdef MP-->
        <view>
            只在小程式編譯
        </view>
        <!-- #endif -->
        
        <!-- #ifdef MP-WEIXIN-->
        <view>
            只在微信小程式編譯
        </view>
        <!-- #endif 
 
-->
        
        <!-- #ifndef H5-->
        <view>
            除了不在H5編譯
        </view>
        <!-- #endif -->
    </view>

這裡的H5/MP/MP-WEIXIN/APP-PLUS分別表示不同的執行環境。

同理在js中

//  #ifdef  H5
console.log("只能在H5顯示")
//   #endif

css中

/*  #ifdef  H5 */
.color{
    background-color
 
:white;
}
/*  #endif  */

需要注意

1. #ifdef 表示在某平臺上面定義，#ifndef 表示除了某平臺，其他都顯示

2. 前面的井號不要忘了 #

3.宣告都是成雙成對出現的，不要忘了最後的#endif