微信小程序的分包步骤

微信小程序的分包步骤,第1张

分包目的在于提高小程序的体积,多一个包就多2M,最多20M

常规的分包:

小程序一打开首先加载主包,然后再加载分包

分包可以用主包扒卜贺内的资源,主包不可以使用分包的资源

分包A不可以使用分包B里面的内容

分包可以使用app.wxss里面的全局样式

分包步骤如下:

1.在微信小程序开发者工具里面打开在app.json中添加如下字段

root:是包的名称,pages:是添加的路径,independent:是设置独立分弊念包

2.独立分包:

会在主包加载之前调用

独立分包属于春派分包的一种。普通分包的所有限制都对独立分包有效

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

给packageB设置成独立分包

节;

1、小程序主包调整为4M:

在小程序开发者工具中,喊滚链点击设置,在“项目设置”面板中,点击“包大小限制”,将备散“主包大小”调整为4M,点击“确定”即可。

2、小程序分包调整为100字节:

在小程序开发者工具中,点击设置,在“项目设置”面板中,点击“包大小限制”,将“分包大小”调整为郑孙100字节,点击“确定”即可。

主包: 小程序首次启动的时候,默认就会加载的包,在没有分包的情况下整个工程就可以看做是一个主包,小程序为了支撑起第一次启动后页面的展示,会加载所有的包资源,不管页面中有些模块有没有用得到,都会加载,这样势必就会导致在首次启动的时候,由于包的体积过大,加载时间过长,造成用户体验就不是很好,考虑到这一个层面,各家的小程序包都是有大小限制的,因为你不能让小程序变得臃肿得像个APP,那样就失去了小程序轻巧、方便的意义了

子包(分包): 为了避免在第一次启动的时候,加载的主包过大,这个时候我们就可以考虑将主包进行拆分此晌,拆分为一些小的子包,这样在启动的时候,我们只要加载主包,森斗锋足够支撑销棚第一次页面展现即可,在后续点击子模块的时候,再逐个根据需要加载对应的子包,这样就避免了主包过大的问题。当然每个子包也是有大小限制的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12317517.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存