mpvue一套代码多端复用,小程序标签和接口如何高效的兼容?

业务背景

这段时间用

写了一个小程序
现在需要把它转换成公众号
在转换的过程中遇到比较多细节问题
主要是小程序专用标签和小程序接口上的

• 标签

  • 在小程序中使用了
    

    1

    swiper

    等标签,webpack无法通过编译

  
  



• 接口

  • 使用了
    

    1

    wx

    开头的接口,打开浏览器调试的时候就一直会报错,因为浏览器环境没有

    1

    wx

    对象

  
  

困扰

1. 现在必须把所有的
   

   1

   swiper

   等小程序标签改成

   1

   h5

   的,地方多了就比较麻烦



2. 接口也是一样,改的太多了比较麻烦,比如
   

   1	wx.showToast

   在很多地方都有用到,我得一个一个的去找到并且修改成对应的

   1

   h5

   方式

问题

类似

兼容请求的插件,有没有兼容小程序标签和小程序接口的插件呢?
或者有没有更高效的方式来解决这种冲突呢?

解决

现在是2019年6月29号,差不多过去1年了.

在样式和接口上都有做封装.小项目完全可以满足了.

现在是2018年7月12号.到目前为止,

社区还没有相关的外部插件或组件来解决这个问题.

• 接口处理

目前是自己写了一个中间层.导出

变量,不同的环境下引用不同的

.小程序环境就调用小程序的接口,h5环境下就用

封装,暴露出来的方法名改写成和小程序的一模一样即可

• 标签处理

尽量不使用小程序专用标签,直接改写

的组件,两端通用