用戶
 找回密碼
 立即注冊

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
重庆时时到底有多假 香港开奖结果现场直播2019奖 河北燕赵福彩网 新时时彩乐彩走势图 玩时时彩是不是就没有盈利的 福彩开奖直播现场直播 老重时时彩走势图360 天津五星时时彩基本走势图 体育彩票20选5开奖结果查询结果 重庆时时彩票号码查询 国家整顿重庆时时彩 华东六省东方61 北京十一选五走势图开奖结果 时时彩缩水网页 福彩开奖直播现场直播在哪个台 辽宁11选五计划推荐