小程序的包大小限制为 2M,一不小心就超出去了,对于我们开发而言,十分的不方便,就需要我们尽可能的将一些静态资源放到服务器上来减小包大小(一般为图片),但随着第三方框架的引入,业务代码依旧很容易触及小程序的上限,故我们需要采取分包的方式来继续开发
参考文章:微信小程序—分包操作、微信小程序分包相关文档
目前小程序分包大小有以下限制:
- 整个小程序所有分包大小不超过 20M
- 单个分包/主包大小不能超过 2M
使用分包的配置
- app.json 里把分包配置写好
(如果是主包中的页面改到分包中,需将 app.json pages、tabbar 中的相关配置移除,相关相对路径更正)
- 相关报错:
[ app.json 文件内容错误] app.json: 未找到 ["pages"][2] 对应的 pages/statistics/statistics.wxml 文件
FAQ
主包跳转到分包页面
- 直接 navigateTo 写相对路径找到分包页面即可
wx.navigateTo({
url: '../../moduleStatic/pages/statistics/statistics',
})
分包使用主包中的文件
- 直接相对路径引用即可
const util = require('../../../utils/util')