miniprogram-to-uniapp使用指南(微信小程序项目转换为uni-app项目)

一、它是谁?

【miniprogram-to-uniapp】 ,有点后悔取这么长的名字,打得来麻烦,最新版本为【 v1.0.19 】。

 

二、它能做什么?

目前能转换“微信小程序” 和“微信小程序带云函数”项目 ==> uni-app项目。

 

三、它的原理是什么?(过段时间会有一篇关于此工具的文章,敬请期待)

最初是学了半节课堆和栈,觉得词法分析挺有意思的,再加上转换小程序插件时,发现这些繁琐的操作完全可以使用程序来完成。
核心是使用Babel获取AST(词法分析),然后或使用Babel自带函数增删,或正则分析替换等等操作。
可能有的朋友觉得,这种为啥不是纯正则分析? 纯正则可以解决一部分问题,对于标签与标签内容,其实正则是很难进行区分的哈。

 

四、它做了什么?

1. 解析并合并 [xx.js, xx.wxml, xx.wxss] 为 xx.vue 文件,并对小程序模板语法进行转换,调整生命周期函数,this.setData()转换等;
2. 将所有素材资源移入到static目录,并修复路径
3. 转换<template/>标签和语法import *.wxml的转换
4. 支持workers目录转换
5. 支持wxs文件转换
6. 解析小程序的json配置文件,并组装好uni-app需要的配置文件,生成项目。

 

五、怎么使用?

第一步:在命令行里,运行【 npm in

评论 21
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值