微信小程序项目转uniapp
Posted 奥特曼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序项目转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="testindex+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项目
以上是关于微信小程序项目转uniapp的主要内容，如果未能解决你的问题，请参考以下文章