小程序模板網(wǎng)

微信小程序之分包加載的使用

發(fā)布時間:2021-06-28 11:15 所屬欄目:小程序開發(fā)教程

某些情況下,開發(fā)者需要將小程序劃分成不同的子包,在構(gòu)建時打包成不同的分包,用戶在使用時按需進行加載。

在構(gòu)建小程序分包項目時,構(gòu)建會輸出一個或多個分包。每個使用分包小程序必定含有一個主包。所謂的主包,即放置默認啟動頁面/TabBar 頁面,以及一些所有分包都需用到公共資源/JS 腳本;而分包則是根據(jù)開發(fā)者的配置進行劃分。

在小程序啟動時,默認會下載主包并啟動主包內(nèi)頁面,當用戶進入分包內(nèi)某個頁面時,客戶端會把對應分包下載下來,下載完成后再進行展示。

目前小程序分包大小有以下限制:

  • 整個小程序所有分包大小不超過 16M
  • 單個分包/主包大小不能超過 2M

對小程序進行分包,可以優(yōu)化小程序首次啟動的下載時間,以及在多團隊共同開發(fā)時可以更好的解耦協(xié)作。

 

使用分包(建議主包添加跳轉(zhuǎn)路徑,分包放內(nèi)容)

在app.json配置"subpackages"

 

在pages同級目錄新建文件夾以及文件

 

 

1
2
3
4
5
6
7
8
9
打包原則
聲明 subpackages 后,將按 subpackages 配置路徑進行打包,subpackages 配置路徑外的目錄將被打包到 app(主包) 中
app(主包)也可以有自己的 pages(即最外層的 pages 字段)
subpackage 的根目錄不能是另外一個 subpackage 內(nèi)的子目錄
tabBar 頁面必須在 app(主包)內(nèi)
引用原則
packageA 無法 require packageB JS 文件,但可以 require app、自己 package 內(nèi)的 JS 文件
packageA 無法 import packageB 的 template,但可以 require app、自己 package 內(nèi)的 template
packageA 無法使用 packageB 的資源,但可以使用 app、自己 package 內(nèi)的資源

 

簡述就是:

1.首先要配置好打包路徑

2.其次subpageage的根目錄不能再包含subpageage目錄

3.tabBar頁面,例如pages/index/index,pages/logs/logs必須在主包內(nèi)


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://u-renovate.com/wxmini/doc/course/26780.html 復制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢