微信小程序分包(附微信小程序開發學習手冊)


微信小程序分包

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

文末

如果這份筆記對你有幫助,請務必點贊+收藏這篇文章,把他分享給更多的小伙伴,一起學習進步!

追夢的路上總是艱難,路漫漫其修遠兮,吾將上下而求索。即便未必能夠如願抵達,未必能夠得償所願,但能進一步是一步,每前進一步總有一步的欣喜,也多少會見到一些新的風景。

我不知道讀者里有多少這樣前路迷茫需要鼓舞的人,希望今天這篇文章能夠給你們一點鼓勵和力量,勇敢地出發,朝着自己夢想的地方前進。你也可以點贊關注我,與我一起前進。


免責聲明!

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



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