微信小程序的分包步骤

html-css017

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

分包目的在于提高小程序的体积，多一个包就多2M，最多20M 常规的分包： 小程序一打开首先加载主包，然后再加载分包 分包可以用主包内的资源，主包不可以使用分包的资源 分包A不可以使用分包B里面的内容 分包可以使用app.wxss里面的全局样式 分包步骤如下： 1.在微信小程序开发者工具里面打开在app.json中添加如下字段 root：是包的名称，pages：是添加的路径，independent：是设置独立分包 2.独立分包： 会在主包加载之前调用 独立分包属于分包的一种。普通分包的所有限制都对独立分包有效 主包中的app.wxss对独立分包无效，应避免在独立分包页面中使用 app.wxss 中的样式 给packageB设置成独立分包

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

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