微信小程序转为uniapp

208 阅读1分钟

前言:本着对技术的热爱,利用自己仅有的知识码了这样一个还需完善的小工具,请大家品一品

(图片来自babel官网截图)

1、归纳用到的api

"@babel/cli": "^7.8.4",
"@babel/core": "^7.8.7",//用于转换AST抽象语法树为可编译的js代码
"@babel/parser": "^7.8.8",//把js代码转为AST语法树
"@babel/preset-env": "^7.8.7",
"@babel/traverse": "^7.8.6",//操作AST语法树,可分类型操作
"@babel/types": "^7.8.7",//ast语法树节点的类型
"babel-cli": "^6.26.0",
"babel-preset-es2015": "^6.24.1",
"babylon": "^6.18.0",//也是用于把JS代码转为AST语法树的,但最后没有
"htmlparser2": "^4.1.0",//转义html部分
最后是[https://astexplorer.net/](astexplorer)用于查看AST语法树

2、使用

1、全局安装 npm i wxtouni -g

2、根据uniapp官方文档新建项目

3、在刚刚新增的uniapp项目根目录下新建文件夹wxTOuni

/

/ 4、把需要转换的微信小程序源码拷贝到wxTOuni目录下,注意:只能转换微信小程序的组件以及页面文件,其他的文件不要拷贝进来,不然会报错。因为这只是一个雏形,后面有时间还会继续完善

具体使用方法见项目仓库:https://www.npmjs.com/package/wxtouni