将现有微信小程序转换成uni-app, 方便支持不同端
1、安装转换工具
npm install miniprogram-to-uniapp -g
2、检查工具是否正确安装
wtu -V
3、执行转换命令
wtu -i "小程序路径代码路径"
4、通过vue-cli命令行创建uni-app工程,可参考文miniprogram-to-uniapp使用指南
5、将第三步中生成的文件夹,改名为src, 替换第四步中的创建的工程目录的src文件
6、安装依赖
yarn install
7、打包
npm run build:mp-weiixn
8、使用微信开发者工具打开文件夹dist/build/mp-weixin
9、某些项目会发现第7步报错, 报错后,直接执行第8步,排查错误,很可能转化之后的某些组件的引用路径有问题,根据开发者工具里的错误提示一一修复即可。
10、所有原来小程序直接绑定在app上的,转换后全部归并到globalData里, 页面内需要使用app.globalData.来访问
详细请参考:
miniprogram-to-uniapp使用指南:https://ask.dcloud.net.cn/article/36037
uni-app官方文档:https://uniapp.dcloud.io/frame