原文鏈接:https://ask.dcloud.net.cn/article/36037
項目源碼:https://github.com/zhangdaren/miniprogram-to-uniapp
處理方式:https://www.cnblogs.com/Can-daydayup/p/12453173.html
下載uni-app插件 下載地址:https://ext.dcloud.net.cn/plugin?id=2656
三、它能做哪些事情?
支持微信、QQ、頭條/抖音、支付寶/釘釘和百度等小程序轉換到 uni-app 項目
支持有/無云開發的小程序項目轉換為 uni-app 項目(cloudfunctions 目錄將被忽略,uni-app 結合小程序云開發見:使用 uni-app 進行微信小程序云開發經驗分享)
支持解析 TypeScript 小程序項目
支持解析使用 npm 模塊的小程序項目
支持解析 include 標簽
支持解析 template 標簽
支持解析 Behavior 文件為 mixins 文件
支持.js', .wxml 和*.wxss 文件進行相應轉換,并做了大量的優化
支持識別 App、Page、Component、VantComponent、Behavior 和純 Javascript 文件的轉換
修復變量名與函數重名的情況
合并使用 require 導入的 wxs 文件
setData() polyfill
搜索未在 data 聲明,而直接在 setData()里使用的變量,并修復
使用jyf-parser替換 wxParse(感謝網友 “愛瑞巴勒康忙北鼻” 的建議)
因 uni-app 會將所有非 static 目錄的資源文件刪除,因此將所有資源文件移入 static 目錄,并修復所有能修復到的路徑(目前 uni 編譯時會將非 static 目錄的文件復制一份到 static 目錄,但并不完全,因此本功能仍保留)
四、它還有哪些不支持轉換?
不支持轉換反編譯后的小程序項目
不支持轉換使用 uni-app 編譯的小程序項目
不支持轉換使用 redux 開發的小程序(代表為:網易云信小程序 DEMO)
不支持轉換使用 wxpage 開發的小程序(https://github.com/tvfe/wxpage)
不支持轉換使用騰訊 omi 開發的小程序(https://github.com/Tencent/omi)
不支持轉換小程序抽象節點 componentGenerics
不支持 component 里的 pageLifetimes 生命周期,請手動繞過
不支持使用 js 系統關鍵字作為函數或變量名(如 default、import、return、switch 等)
不支持以\$開頭的變量名稱,如 Page({data:{$data:{name:"hello"}}}) ,剛好\$data 是 vue 內置變量,so 不支持,需手動修復
不支持以動態綁定的函數<input @input="test{{index+1}}">,需手動修復
五、怎么使用?
第一步
在命令行里,運行【 npm install miniprogram-to-uniapp -g 】進行安裝,因為這個包是工具,要求全局都能使用,所以需要-g進行全局安裝。
如果運行npm報錯,請先安裝Node.js,下載地址:https://nodejs.org/zh-cn/