微信小程序多端应用 Donut 多端编译

Bayi·2023-11-09 19:04

目前支持 wxml、wxs、js/ts、json，less/sass 等文件类型，资源支持通过配置区分不同平台

wxml中使用

html 复制代码

<!-- #if MP -->
  <view class="test-view">wechat</view>
  <!-- #elif IOS -->
  <view class="test-view">iOS</view>
  <!-- #elif ANDROID -->
  <view class="test-view">android</view>
  <!-- #endif -->

wxss

css 复制代码

.test-view{
  /* #if MP */
  color: red;
  /* #elif IOS */
  color: green;
  /* #elif ANDROID */
  color: yellow;
  /* #endif */
}

js中微信小程序登录：

javascript 复制代码

// #if MP
wx.login({})

// #elif IOS
wx.getMiniProgramCode({})

// #elif ANDROID
wx.getMiniProgramCode({})

// #endif

JSON

javascript 复制代码

{
    "window": {
        "navigationBarTitleText": "Weixin",
    },
    "mini-wechat": {
        "window": {
        "navigationBarTitleText": "wechat demo"
        }
    },
    "mini-ios": {
        "window": {
        "navigationBarTitleText": "iOS demo"
        }
    },
    "mini-android": {
        "window": {
            "navigationBarTitleText": "android demo"
        }
    }
}

官方文档藏得较深，点此跳转