1. 程式人生 > 其它 >uniapp-分包建立可行性分析報告

uniapp-分包建立可行性分析報告

分包載入配置,此配置為小程式的分包載入機制。

因小程式有體積和資源載入限制,各家小程式平臺提供了分包方式,優化小程式的下載和啟動速度。

所謂的主包,即放置預設啟動頁面/TabBar 頁面,以及一些所有分包都需用到公共資源/JS 指令碼;而分包則是根據pages.json的配置進行劃分。

在小程式啟動時,預設會下載主包並啟動主包內頁面,當用戶進入分包內某個頁面時,會把對應分包自動下載下來,下載完成後再進行展示。此時終端介面會有等待提示。

App預設為整包。從uni-app 2.7.12+ 開始,也相容了小程式的分包配置。其目的不用於下載提速,而用於首頁是vue時的啟動提速。App下開啟分包,除在pages.json中配置分包規則外,還需要在manifest中設定在app端開啟分包設定,詳見:

https://uniapp.dcloud.io/collocation/manifest?id=app-vue-optimization

  • subPackages 裡的pages的路徑是 root 下的相對路徑,不是全路徑。
  • 微信小程式每個分包的大小是2M,總體積一共不能超過16M。
  • 分包下支援獨立的 static 目錄,用來對靜態資源進行分包。

https://github.com/wenruiweidd/uni-project-to-subpackage uniapp2wxpack 開源專案 Uni-App的微信小程式解耦構建

可以將uni-app專案輸出給任何原生微信小程式專案作為目錄、作為分包、甚至做極端的專案混合

可以直接在uni-app專案中引入原生微信小程式專案、頁面、模組、任何資源(wxss、js、wxml、json、wxs等),完全不需要修改原生小程式的程式碼

可以保持原生微信小程式的目錄結構不變,同時開發uni-app檔案和原生小程式檔案

可以使uni-app支援原生微信小程式外掛的開發

對uni-app在微信小程式的打包方案進行改造,形成解耦打包,並且支援微信原生頁面直接在uni-app專案中使用

實際操作:

直接建立子分包,頁面無法開啟,需要先微信小程式編譯,編譯後文件名稱有所變化,然後重新配置微信子包引入,

建議獨立建立uinapp專案,編譯後在配置到微信開發專案

開發結果:(補)後期開發與uniapp事件(onLaunch等)使用不當會報錯及無法達到想要的效果,迴避方案,使用vue生命週期起處理大部分業務