1. 程式人生 > 其它 >微信小程式分包(附微信小程式開發學習手冊)

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

微信小程式分包

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

文末

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

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

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