uniapp做微信小程序的分包加載(詳細)


近期在用uniapp做微信小程序時,真機調試打不開了,提示:   Error: 系統錯誤,錯誤碼:80051,source size 2103KB exceed max limit 2MB

首先,第一個關注點: “2MB”,我記得當年學這個的時候就有這么個限制,看下官方信息:  微信小程序每個分包的大小是2M,總體積一共不能超過20M

第二個關注點: 既然超出了,怎么辦

官方也給出了使用方法: https://uniapp.dcloud.io/collocation/pages?id=subpackages, 我這說下注意點:

1. 仔細看使用方法的頁面分解及下方的pages.json內的寫法,使用的方法肯定是subpackages,兩者一一對應 

2. pages內的path,路徑是全路徑,subpackages里面的root,是你頁面設計的結構的第一層這一層的目錄名就是你的subpackages的root名

3. subpackages下的pages的值,是下方目錄下的內容,注意: 路徑不是從根目錄開始,而是接着上面root的路徑繼續往下拼的。 舉個栗子: 對pagesA/list/list進行單獨分包, subpackages下root寫pagesA,path里面只需要寫list/list即可。

 

為啥要總結這個呢,主要是在開發過程中,不大會注意這些,但在打包后代碼大小達到2M以上時,才會想到去進行分包操作,但代碼設計結構一般是pages下一堆頁面,並不會設計出類似於官方文檔中的那種結構(並且一般還習慣性的不看人家demo的目錄結構),因此在分包時,不僅需要改pages.json文件,而且代碼設計結構也需要改,(注,代碼內路由跳轉的路徑別忘了同步改下)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM