微信小程序项目转uniapp

安装miniprogram-to-uniapp

npm i miniprogram-to-uniapp -g

转换原生小程序 (可以先把node_modules先删掉 转换好后 在npm i 否则一些包会转换不成功,注意不支持vant)

wtu -i E:\项目\原生小程序\项目\项目名称

运行完成后会在源目录上产生一个 项目_uni的项目

例如转换完成后可能会出现一些语法上的变动导致报错

转换场景可能会出现错误:

  • 图片路径错误
  • vue语法转换错误
  • 原引入时无使用可能会自动定义undefined 删除即可
  • 布尔类型可能会被转成字符串  例如false ==> ' false '
  • globalData可能会失效,需要自己手动改成 getAPP( ).globalData

注意 此插件不支持vant UI 

支持转换

功能 转换支持
微信小程序云开发
TS 小程序
include 标签解析
template 标签解析
Behavior 解析
setData 函数(polyfill)
代码反混淆
关键字语义化(如 var t = this; => var that = this;)
输出代码自动格式化(与 HBuilderX 格式化一致)
对 template 和 js 里面未声明的变量进行声明
函数与变量名重名处理
函数与 prop 属性重名处理
变量名与 prop 属性重名处理
第三方组件的参数类型修复
this.data.xxx 转换为 this.xxx
app.xxx 转换为 app.globalData.xxx
getApp().xxx 转换为 getApp().globalData.xxx
polyfill
资源文件处理及路径修复
js 系统关键字作为函数或变量名(如 default、switch、delete 等)
以$开头的变量
动态绑定的函数<input @input="test{ {index+1}}">

不支持转换

功能 转换支持
使用 uni-app 发布的小程序项目 ✖️
使用 Taro 发布的小程序项目 ✖️
使用 redux 开发的小程序(代表为:网易云信小程序 DEMO) ✖️
使用 wxpage 开发的小程序(GitHub - tvfe/wxpage: WXPage 是一个极其轻量的微信小程序开发框架,其中的API蕴含了“极致页面打开速度的思想”,为可维护性与开发效率而设计的功能,框架来自“腾讯视频”小程序的项目沉淀,框架对于小程序工程理念为不依赖额外构建,即引即用。腾讯视频播放器插件 =>) ✖️
使用腾讯 omi 开发的小程序(GitHub - Tencent/omi: Front End Cross-Frameworks Framework - 前端跨框架框架) ✖️
小程序抽象节点 componentGenerics ✖️
组件间关系 relations ✖️
component 里的 pageLifetimes 生命周期 ✖️
echarts 组件 ✖️
globalData 变量与函数重名处理 ✖️
globalData 未变量处理 ✖️

 更多可看github文档 GitHub - zhangdaren/miniprogram-to-uniapp: 轻松将各种小程序转换为uni-app项目

猜你喜欢

转载自blog.csdn.net/m0_46846526/article/details/129464049