[已解決]mpvue一套代碼多端復(fù)用,小程序標(biāo)簽和接口如何高效的兼容?

業(yè)務(wù)背景

這段時(shí)間用mpvue寫了一個(gè)小程序
現(xiàn)在需要把它轉(zhuǎn)換成公眾號(hào)
在轉(zhuǎn)換的過程中遇到比較多細(xì)節(jié)問題
主要是小程序?qū)Ｓ脴?biāo)簽和小程序接口上的

• 標(biāo)簽

  • 在小程序中使用了swiper等標(biāo)簽,webpack無法通過編譯

• 接口

  • 使用了wx開頭的接口,打開瀏覽器調(diào)試的時(shí)候就一直會(huì)報(bào)錯(cuò),因?yàn)闉g覽器環(huán)境沒有wx對(duì)象

困擾

1. 現(xiàn)在必須把所有的swiper等小程序標(biāo)簽改成h5的,地方多了就比較麻煩
2. 接口也是一樣,改的太多了比較麻煩,比如wx.showToast在很多地方都有用到,我得一個(gè)一個(gè)的去找到并且修改成對(duì)應(yīng)的h5方式

問題

類似flyio兼容請(qǐng)求的插件,有沒有兼容小程序標(biāo)簽和小程序接口的插件呢?
或者有沒有更高效的方式來解決這種沖突呢?

解決

現(xiàn)在是2018年7月12號(hào).到目前為止,mpvue社區(qū)還沒有相關(guān)的外部插件或組件來解決這個(gè)問題.

• 接口處理

目前是自己寫了一個(gè)中間層.導(dǎo)出wx變量,不同的環(huán)境下引用不同的wx.小程序環(huán)境就調(diào)用小程序的接口,h5環(huán)境下就用mint-ui封裝,暴露出來的方法名改寫成和小程序的一模一樣即可

• 標(biāo)簽處理

盡量不使用小程序?qū)Ｓ脴?biāo)簽,直接改寫mint-ui的組件,兩端通用