微信小程序分包的超详细步骤

−目录前言一、为什么要使用分包?二、分包大小查看三、如何使用分包?四、分包五、分包预-总结

微信小程序过程中,随着业务不断迭代,程序包的体积越来越大,使用分包加载是者必须面对的问题。

正常情况下,小程序首次启动时,会将整个代码包-下来,所以如果代码包过大,会影响小程序首次启动时间,因此微信官方对小程序代码包做了大小限制。

1.小程序要求过程中压缩包的体积不能大于2,否则无法提交发布

2.对小程序进行分包,可以优化小程序首次启动-时间,因为分包后主包的体积小了,加载更快,提高了用户体验

3.将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用是按需加载,提升了程序性能

提示:小程序启动时,默认会-主包并启动主包内的页面,当用户进入分包内的某个页面时,客户端会把对应的分包-下来。

说明:合理使用分包可以较好地优化小程序的加载时间,提升用户体验。

在微信工具->详情->基本信息面板中即可查看项目及分包信息,如果不采用分包,小程序总大小不能超过2,如果采用分包,总大小可以达到20,每个包不能超过2

首先根据项目需求规划目录结构,想需要分包的代码放在的目录中,如下图

跳转到分包的路由 .({ : ///// })

【注意事项】

1. 里配置的路径必须放在主包里

2.使用 进行分包路径, 配置路径外的目录会被打包到主包中

3.不同的分包之间的资源不能相互引用,但都可引用主包中的资源

【引用原则】

无法 文件,但可以 主包、 内的 文件;使用 分包异步化 时不受此条限制

无法 的 ,但可以 主包、 内的

无法使用 的资源,但可以使用主包、 内的资源

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

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

说明:一个小程序中可以有多个分包。

者通过在.的字段中对应的分包配置项中定义字段对应分包为分包(上图已备注)

【限制】

1.分包中不能依赖主包和其他分包中的内容,包括 文件、、、自定义组件、插件等(使用 分包异步化 时 文件、自定义组件、插件不受此条限制)

2.主包中的 . 对分包无效,应避免在分包页面中使用 . 中的样式

3. 只能在主包内定义,分包中不能定义 ,会造成无法预期的行为

4.分包中暂时不支持使用插件

者可以通过配置,在进入小程序某个页面时,由框架自动预-可能需要的分包,提升进入后续分包页面时的启动速度。对于分包,也可以预-主包。

注意:分包预-目前只支持通过配置方式使用,暂不支持通过调用 完成

【限制】

1.同一个分包中的页面享有共同的预-大小限额2,限额会在工具中打包时校验

2.如,页面 和 都在同一个分包中, 中预-总大小 0.5 的分包,中最多只能预-总大小 1.5 的分包

您可能感兴趣的文章:微信小程序分包加载代码实现方法详解微信小程序使用和分包的完整步骤微信小程序全局数据共享和分包图文详解微信小程序分包操作实战指南

© 版权声明
THE END
分享