微信小程式分包(附微信小程式開發學習手冊)
微信小程式分包
1.為什麼要分包
在微信小程式上線時,要求整個小程式所有分包大小不超過 16M(主包 + 所有分包, 單個分包/主包大小不能超過 2M。如果你主包大小大於2M則需要做一些處理,比如分包或者把一些大的資源如圖片放在伺服器上,然後從伺服器上選取所用的圖片
2.分包組成方式:
分包後,小程式專案由1 個主包+ 多個分包組成:
主包:一般只包含專案的啟動頁面或TabBar 頁面、以及所有分包都需要用到的一些公共資源
分包:只包含和當前分包有關的頁面和私有資源
3.配置方法:
4.普通分包以及主包之間引用原則:
主包裡的資源(js, template, wxss, components, 圖片)都是全域性的,可以被公用;而每個分包相當於有自己的“作用域”,自己的資源,只能用自己的或者使用主包的,但不能使用其他子包的資源
5.獨立分包:
當小程式從普通的分包頁面啟動時,需要首先下載主包。而獨立分包不依賴主包即可執行,可以很大程度上提升分包頁面的啟動速度。注意:一個小程式中可以有多個獨立分包
獨立分包的配置方法:
獨立分包引用規則:
獨立分包和普通分包以及主包之間,是相互隔絕的,不能相互引用彼此的資源!例如:
①主包無法引用獨立分包內的私有資源
②獨立分包之間,不能相互引用私有資源
③獨立分包和普通分包之間,不能相互引用私有資源
④特別注意:獨立分包中不能引用主包內的公共資源
6.分包預下載
分包預下載指的是:在進入小程式的某個頁面時,由框架自動預下載可能需要的分包,從而提升進入後續分包頁面時的啟動速度。
預下載分包的行為,會在進入指定的頁面時觸發。在app.json 中,使用preloadRule節點定義分包的預下載規則,示例程式碼如下:
分包預下載的限制:
同一個分包中的頁面享有共同的預下載大小限額2M
如果你苦於學校並沒有開設小程式的課程,或者沒有一份系統完整的學習資料,請你務必收下今天這篇文章!4504頁《微信小程式零基礎入門開發文件》助你零基礎入門微信小程式開發!毫不誇張的說,啃完這份筆記,你絕對能達到企業級的開發水準,保你在畢業時能驚豔所有人!
廢話不多說,我們直接開始上硬菜!!
(ps:請務必點贊+收藏文章,把他分享給更多的人!)
這份筆記免費開源分享,有需要的朋友直接【一鍵三連】,然後點選【
此處】進入群共享資源自取,或者直接通過下方程式碼塊找我領取。**
// Wechat number(可複製):
study5233
第一章:起步指南
這一章節是真正的入門篇,從零開始教你搭建、編碼、執行你的第一個微信小程式。
第二章:框架
第三章:元件
第四章:API
這份筆記免費開源分享,有需要的朋友直接【一鍵三連】,然後點選【此處】進入群共享資源自取,或者直接通過下方程式碼塊找我領取。**
// Wechat number(可複製):
study5233
第五章:服務
第六章:工具
第七章:雲開發
第八章:擴充套件能力
這份筆記免費開源分享,有需要的朋友直接【一鍵三連】,然後點選【此處】進入群共享資源自取,或者直接通過下方程式碼塊找我領取。**
// Wechat number(可複製):
study5233
文末
如果這份筆記對你有幫助,請務必點贊+收藏這篇文章,把他分享給更多的小夥伴,一起學習進步!
追夢的路上總是艱難,路漫漫其修遠兮,吾將上下而求索。即便未必能夠如願抵達,未必能夠得償所願,但能進一步是一步,每前進一步總有一步的欣喜,也多少會見到一些新的風景。
我不知道讀者裡有多少這樣前路迷茫需要鼓舞的人,希望今天這篇文章能夠給你們一點鼓勵和力量,勇敢地出發,朝著自己夢想的地方前進。你也可以點贊關注我,與我一起前進。