将原生小程序+TS改写成uniapp

1,310 阅读2分钟

将原生小程序TS改写成uniapp

本人上班第一天,碰到的第一个任务就是将前人留下的原生小程序代码改写成uniapp 顿时感觉压力山大

由于本人技术实在差劲,鼓捣了一天,勉强启动成功了

百度了一下,看到可以使用miniprogram-to-uniapp 这个插件来进行转化


但是前人留下的代码里面还有TS,这可难为我了

去这个插件群里咨询了一下,大佬告诉我,可以先将ts转化成js代码,然后再使用插件,解决报错


具体步骤是

执行如下指令安装tsc:

npm install -g typescript

完成后查看版本,如出现版本信息则安装成功:

tsc -v

如未出现版本信息,则尝试本工程下安装(去掉-g)

由于我全部文件都想转化成js文件,所以使用了tsc这个命令

tsc

要注意: 这个地方ts.config.json文件中有个outDir 后面他会把生成的js文件全部放在一个新生成的dist文件夹里

我这边直接给他删掉了,然后再使用tsc这个命令,就可以在相应的文件夹里生成对应的js文件

再把所有相关的ts文件删掉,这边建议复制一份再删除,防止不测

接着就是使用插件了

安装转换成uniapp的插件

npm install miniprogram-to-uniapp -g

查看是否安装成功

wtu -V

最后在命令行里,输入【wtu -i "你的小程序项目路径"】

如:【wtu -i "E:\zpWork\Project_self\miniprogram-to-uniapp\test\test-wx-to-uni"】 ,回车后即可以在源项目同及目录得到一个后缀为_uni的目录,即转换成功。

然后用hbuildx打开这个uni文件,运行即可

这里可能需要解决一下报错,我的是一个引入文件的错误,需要大家仔细看看

第一次写文章,水平低劣,想记录下自己不会的东西,也方便以后复习。