官方文档中有提到目前小程序分包大小有以下限制:
- 整个小程序所有分包大小不超过 20M
- 单个分包/主包大小不能超过 2M
在微信开发调试工具中的->详情->基本信息里面的本地代码可以看到包的大小
在性能分析中的代码质量可以看到小程序的要求主包大小不能超过1.5MB
现在上代码
首先在src下新建几个分包,跟pages平级,然后在app.config.ts中在pages后面加subPackages,代表这个里面的就是分包的内容,root是指分包的根目录,pages里面的就是分包里面页面的路径了,将主包的东西分成几个块,然后放入分包中
这样子分包就构建好了,然后我们来看使用
我这个是在主包pages中跳转分包pagesHome的页面,路径前面一定要加上分包跟目录,引用分包中的某些资源也是这样子,如果分包之后主包还是挺大的,那就将一些样式文件,组件什么的也可以放在分包中
这样子使用就没问题了,图片推荐大家用url获取,因为图片的内存占的特别大,还有就是样式文件,最好就是不要全局引入,一些组件只有分包需要,就直接写在分包中就好了,样式文件也是这样
最后在调试工具中的详情->基本信息->本地代码点旁边的依赖分析,就可以看到每个包的大小以及内存占比