失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序 自动解决分包大小问题_微信小程序-分包 -每包2M

微信小程序 自动解决分包大小问题_微信小程序-分包 -每包2M

时间:2021-10-29 22:55:33

相关推荐

微信小程序 自动解决分包大小问题_微信小程序-分包 -每包2M

限制在2M以内。如果超过2M,可以通过分包加载实现,在app.json中配置即可,

小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。

在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。

在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,客户端会把对应分包下载下来,下载完成后再进行展示。

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

整个小程序所有分包大小不超过 8M

单个分包/主包大小不能超过 2M

对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作。

{

"pages":[

"pages/index",

"pages/logs"

],

"subpackages": [

{

"root": "packageA",

"pages": [

"pages/cat",

"pages/dog"

]

}, {

"root": "packageB",

"name": "pack2",

"pages": [

"pages/apple",

"pages/banana"

]

}

]

}

打包原则

声明subpackages后,将按subpackages配置路径进行打包,subpackages配置路径外的目录将被打包到 app(主包) 中

app(主包)也可以有自己的 pages(即最外层的 pages 字段)

subpackage的根目录不能是另外一个subpackage内的子目录

tabBar页面必须在 app(主包)内

引用原则

packageA无法 requirepackageBJS 文件,但可以 requireapp、自己 package 内的 JS 文件

packageA无法 importpackageB的 template,但可以 requireapp、自己 package 内的 template

packageA无法使用packageB的资源,但可以使用app、自己 package 内的资源

独立分包是小程序中一种特殊类型的分包,可以独立于主包和其他分包运行。从独立分包中页面进入小程序时,不需要下载主包。当用户进入普通分包或主包内页面时,主包才会被下载。

开发者可以按需将某些具有一定功能独立性的页面配置到独立分包中。当小程序从普通的分包页面启动时,需要首先下载主包;而独立分包不依赖主包即可运行,可以很大程度上提升分包页面的启动速度。

一个小程序中可以有多个独立分包。

使用独立分包时要注意:

独立分包中不能依赖主包和其他分包中的内容,包括js文件、template、wxss、自定义组件、插件等。主包中的app.wxss对独立分包无效,应避免在独立分包页面中使用app.wxss中的样式;

App只能在主包内定义,独立分包中不能定义App,会造成无法预期的行为;

独立分包中暂时不支持使用插件。

关于getApp()

与普通分包不同,独立分包运行时,App并不一定被注册,因此getApp()也不一定可以获得App对象:

当用户从独立分包页面启动小程序时,主包不存在,App也不存在,此时调用getApp()获取到的是undefined。 当用户进入普通分包或主包内页面时,主包才会被下载,App才会被注册。

当用户是从普通分包或主包内页面跳转到独立分包页面时,主包已经存在,此时调用getApp()可以获取到真正的App。

由于这一限制,开发者无法通过App对象实现独立分包和小程序其他部分的全局变量共享。

为了在独立分包中满足这一需求,基础库2.2.4版本开始getApp支持 [allowDefault]参数,在App未定义时返回一个默认实现。当主包加载,App被注册时,默认实现中定义的属性会被覆盖合并到真正的App中。

当从独立分包启动小程序时,主包中App的onLaunch和首次onShow会在从独立分包页面首次进入主包或其他普通分包页面时调用。

预下载分包行为在进入某个页面时触发,通过在app.json增加preloadRule配置来控制。

{

"pages": ["pages/index"],

"subpackages": [

{

"root": "important",

"pages": ["index"],

},

{

"root": "sub1",

"pages": ["index"],

},

{

"name": "hello",

"root": "path/to",

"pages": ["index"]

},

{

"root": "sub3",

"pages": ["index"]

},

{

"root": "indep",

"pages": ["index"],

"independent": true

}

],

"preloadRule": {

"pages/index": {

"network": "all",

"packages": ["important"]

},

"sub1/index": {

"packages": ["hello", "sub3"]

},

"sub3/index": {

"packages": ["path/to"]

},

"indep/index": {

"packages": ["__APP__"]

}

}

}

限制

同一个分包中的页面享有共同的预下载大小限额 2M,限额会在工具中打包时校验。

如,页面 A 和 B 都在同一个分包中,A 中预下载总大小 0.5M 的分包,B中最多只能预下载总大小 1.5M 的分包。

原文:/wen-/p/12109247.html

如果觉得《微信小程序 自动解决分包大小问题_微信小程序-分包 -每包2M》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。