微信小程序项目转uniapp

文章介绍了如何使用miniprogram-to-uniapp工具将原生小程序转换为uni-app项目,转换过程中需要注意的问题,如删除node_modules后再安装,不支持vantUI,以及转换后可能出现的语法错误和修复方法。该工具支持云开发、TS小程序和特定标签解析,但不适用于某些特定框架或组件。
摘要由CSDN通过智能技术生成

安装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项目

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值