原生微信小程序项目转uniapp项目

最新推荐文章于 2025-09-21 10:03:37 发布

原创最新推荐文章于 2025-09-21 10:03:37 发布 · 1.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#uniapp #小程序 #转换

本文介绍如何使用miniprogram-to-uniapp工具将微信小程序项目转换为uni-app项目，包括安装、使用方法及注意事项，如调整vant组件引用路径。

miniprogram-to-uniapp

安装（全局）

任意位置打开命令行工具
npm install miniprogram-to-uniapp -g

查看版本

wtu -V

转化

wtu -i "你的小程序项目路径"

示例

wtu -i "D:\Users\ssl\Desktop\CloudStore"

注：
当转换时有些东西是需要修改的
如：在小程序中引入的vant
小程序中：import vanDialog from "@vant/weapp/dialog/index";
uniapp中：import vanDialog from "./miniprogram_npm/@vant/weapp/dialog/index";
换成相对路径

更多细节在点击编译的时候下面就会给我们报出来，所以不用担心~

还有一种方法是插件市场提供的插件(有点问题还是使用npm吧~)
https://ext.dcloud.net.cn/plugin?id=2656

其他项目转uniapp