微信小程序转换为uniapp代码,用 miniprogram-to-uniapp操作

要将微信小程序代码转换为uniapp代码,可以使用miniprogram-to-uniapp工具。首先需要安装该工具,然后按照以下步骤操作:

1. 安装miniprogram-to-uniapp工具:

 npm install miniprogram-to-uniapp -g


2. 使用miniprogram-to-uniapp工具将微信小程序代码转换为uniapp代码:

wtu [options]

其中,-i选项用于指定小程序项目的输入目录,-c选项用于选择输出项目类型(默认为vue-cli),-m选项用于合并wxss文件到vue文件中


默认输出目录xxxx_uni



最佳实践:

PS D:\小程序\xcx996-开放平台版本> npm config set strict-ssl false
PS D:\小程序\xcx996-开放平台版本> npm install miniprogram-to-uniapp -g
npm WARN deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm WARN deprecated @babel/plugin-proposal-object-rest-spread@7.20.7: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.
npm WARN deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
npm WARN deprecated cross-spawn-async@2.2.5: cross-spawn no longer requires a build toolchain, use it instead

added 334 packages in 18s
PS D:\小程序\xcx996-开放平台版本> wtu -i .\uniapp
开始转换……
小程序路径:  D:\小程序\xcx996-开放平台版本\uniapp
搜索到358个文件(含目录),耗时:12ms

开始分析文件
分析文件信息完成,共80组数据
开始转换文件组为vue文件
进度 [#-----------------------------] 3/bps 2% 51.7s
[Tip] 检测到组件picker的mode为 region ,在App和H5里未实现,已使用组件region-picker进行替换。
                    虽然已替换,但仍需注意picker在<form/>组件里面的取值问题(可能在formSubmit拿不address,需手动调整)。
                    详情请参阅相关文档, file: pages/address/create
进度 [#-----------------------------] 3/bps 3% 51.2s
[Tip] 检测到组件picker的mode为 region ,在App和H5里未实现,已使用组件region-picker进行替换。
                    虽然已替换,但仍需注意picker在<form/>组件里面的取值问题(可能在formSubmit拿不address,需手动调整)。
                    详情请参阅相关文档, file: pages/address/detail
进度 [#########---------------------] 6/bps 30% 19.8s [ERROR]prop color 的默认值 undefined 与类型 String 不一致。    fileKey: pages/noticebar/index
[ERROR]prop backgroundColor 的默认值 undefined 与类型 String 不一致。    fileKey: pages/noticebar/index
[ERROR]prop paddingTop 的默认值 4 与类型 String 不一致。    fileKey: pages/noticebar/index
进度 [###############---------------] 5/bps 50% 16.0s 开始二次遍历及生成vue文件
进度 [##############################] 5/bps 100% 0.0s
write pages.json success!
write manifest.json success!
write main.js success!
write package.json success!


统计信息:

Component数量: 23
Page数量: 39
支付api数量: 3
登录api数量: 3
chooseMedia数量: 0
getLocation数量: 0
getRelationNodes数量: 0
<ad/>数量: 0
<map/>数量: 0
<video/>数量: 2
Vant组件: , 数量:0

项目转换完成!
用时: 32.01s
工具版本:v2.2.6
在该小程序项目的同级目录可以看到_uni结尾的项目,即是转换好的uniapp项目,相关日志在该目录里。

!!! 当前项目引用了npm模块,请转换完后,在命令行里运行“npm install”命令安装npm模块 !!!

使用说明:
    1.因各种原因,本工具并非100%完美转换!部分语法仍需人工处理!
    2.工具转换原理及说明文档参考:https://l4rz4zwpx7.k.topthink.com/@kmrvzg72lx/
    3.如遇运行报错,请添加QQ群(五群:536178289)带图反馈或https://github.com/zhangdaren/miniprogram-to-uniapp提交Issue!
    4.转换后请查阅_uni目录或_uni-cli目录里的 README.md 和 transform.log

image.png

https://l4rz4zwpx7.k.topthink.com/@kmrvzg72lx/zishu.html

评论/留言