微信小程序项目转uniapp

news/2024/7/20 4:11:11 标签: 微信小程序, uni-app, 小程序, 前端

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


http://www.niftyadmin.cn/n/142008.html

相关文章

# YOLOv8测试(1)

YOLOv8测试&#xff08;1&#xff09;1. 训练最简流程1.1 安装包1.2 训练demo1.3 验证参考文献资料鉴于网络上的太多教程&#xff0c;都太过繁琐了。其实之前也用过YOLOv2 v3版本&#xff0c;但很久没用&#xff0c;找了一圈教程多少有坑&#xff0c;想想还是自己整理一版吧。花…

vscode环境配置文件生成

使用vscode进行C开发时&#xff0c;除了需要安装相应的插件&#xff08;例如&#xff1a;C/C、CMake、MySql等&#xff09;外&#xff0c;还需要对相应的开发环境进行配置&#xff0c;和vs中的环境配置道理相通。一、编译文件介绍配置 C 环境时&#xff0c;会生成.vscode 文件夹…

【Kubernetes】第二十四篇 - 布署 nodejs 后端项目(中)

一&#xff0c;前言 上一篇&#xff0c;介绍了 nodejs 后端项目的布署&#xff08;将后端项目构建成为 docker 镜像&#xff0c;并推送至镜像仓库&#xff09;&#xff1b; 部署后端之前&#xff0c;需要完成一下操作&#xff1a; 1&#xff0c;配置数据库连接信息、数据库账…

树莓派--GPIO(python)

准备硬件&#xff1a;CM4&#xff08;4GB DDR32GB EMMC 板载WIFI和蓝牙&#xff09;CM4-to-Pi4-Adapterpython GPIO 库&#xff1a;链接安装 python GPIO 库创建python GPIO库下载的工程路径ghubuntu:~$ mkdir -p ~/project/raspberry_pi_hardware/gpio下载python GPIO库然后使…

FITC-RGD(Arg-Gly-Asp),异硫氰酸荧光素FITC标记RGD(Arg-Gly-Asp)线性肽

异硫氰酸荧光素FITC标记RGD&#xff08;Arg-Gly-Asp&#xff09;线性肽外观呈绿色固体粉末状荧光染料标记的多肽用于生物体内生物医学成像、蛋白结合和定位等的研究。荧光标记所依赖的化合物称为荧光物质。荧光物质是指具有共轭双键体系化学结构的化合物&#xff0c;受到紫外光…

简单了解闭包(面试)

闭包其实很简单 &#xff0c;先了解一下变量的作用域 变量的作用域包括两种&#xff1a;全局变量和局部变量。 全局变量&#xff1a; var n 999;//全局变量 function f1(){console.log(n); } f1();//999 局部变量&#xff1a; function f1(){var n 999;//局部变量 } con…

Cadence Allegro 导出Etch Length by Layer Report报告详解

⏪《上一篇》   🏡《上级目录》   ⏩《下一篇》 目录 1,概述2,Etch Length by Layer Report作用3,Etch Length by Layer Report示例4,Etch Length by Layer Report导出方法4.2,方法14.2,方法2B站关注“硬小二”浏览更多演示视频

微服务面试题,微服务这样说,想不通过都难

1、微服务是一种基于架构模式的软件设计方法&#xff0c;将一个应用程序拆分成一组小型服务。每个小型服务都运行在自己的进程中&#xff0c;相互之间通过轻量级通信机制进行通信和协作。 2、微服务架构的优势包括&#xff1a;- 易于扩展和部署&#xff1a;每个服务都可以独立…