用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 實戰教程 查看內容

:小程序系列--如何使用分包加載

巴黎彩票计划 www.hknsi.icu Rolan 2019-5-22 00:20

在小程序開發的過程中,小程序的體積會隨著版本的迭代變的越來越大,這時候我們就希望能夠將小程序分成多個包從服務器下載,這樣既可以加快首屏的渲染也便于后續按需加載的實現。小程序在微信客戶端 6.6.0,基礎庫1. ...

巴黎彩票计划開發的過程中,小程序的體積會隨著版本的迭代變的越來越大,這時候我們就希望能夠將小程序分成多個包從服務器下載,這樣既可以加快首屏的渲染也便于后續按需加載的實現。小程序在 微信客戶端 6.6.0,基礎庫  1.7.3  及以上版本開始支持 分包功能。

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

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

配置方法

配置例子

{
  "pages": ["pages/index", "pages/shopcart"],
  "subpackages": [
    {
      "root": "packageA",
      "pages": ["pages/mine", "pages/order"]
    },
    {
      "root": "packageB",
      "name": "pack2",
      "pages": ["pages/detail", "pages/pay"]
    }
  ]
}
├── app.js
├── app.json
├── app.wxss
├── packageA
│   └── pages
│       ├── mine
│       └── order
├── packageB
│   └── pages
│       ├── pay
│       └── detail
├── pages
│   ├── index
│   └── shopcart
└── utils

打包原則

  • 聲明  subpackages  后,將按  subpackages  配置路徑進行打包, subpackages  配置路徑外的目錄將被打包到 app(主包) 中
  • app(主包)也可以有自己的 pages(即最外層的 pages 字段)
  • subpackage  的根目錄不能是另外一個  subpackage  內的子目錄
  • tabBar  頁面必須在 app(主包)內

引用原則

  • packageA  無法 require  packageB  JS 文件,但可以 require  app 、自己 package 內的 JS 文件
  • packageA  無法 import  packageB  的 template,但可以 require  app 、自己 package 內的 template
  • packageA  無法使用  packageB  的資源,但可以使用  app 、自己 package 內的資源
分享至 : QQ空間
收藏
原作者: 圖解前端 來自: segmentfault
幸运飞艇6码7期倍投 双色球纸张怎么填 通比牛牛赚钱 北京pk10稳赚心得技巧 百人牛牛最新版下载 大乐透走势图表 澳门21点规则 四码倍投方案 秒速时时计划网页版 网络六人炸金花规律 pk10苹果手机软件下载中心 pt电子游戏会让你赢么 时时彩小概率稳赚 北京塞车全天计划精准版 除了聚宝盆还有什么趋势软件 新疆时时三星和值