前言:本着对技术的热爱,利用自己仅有的知识码了这样一个还需完善的小工具,请大家品一品
(图片来自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