主包大小超出2M,tabBar中包含了4个页面时如何通过分包减小主包的大小?
在首次尝试预览功能时,我们发现代码包大小超出了上限2048kb。考虑到这个上限在正式发布小程序时仍然存在,我们决定通过分包解决此问题。
我们所包含的所有页面如下图所示:
其中,和tabBar相连的页面有Paunch, Rank, Notify以及Profile。
经过查找资料,我们了解到和tabBar相关的页面和小程序的首页必须放在主包内,其他页面可以被分出去。我们的页面结构如下图所示。
可以看到,根据上述原理,大部分页面还是必须存在于主包中,不能被分离出去。比如,若是我们将与tabBar相连的Punch页面分离出去,则会出现灰色部分的报错。报错出现的具体操作是将 app.json 中的
"pages": [
"pages/Login/index",
"pages/Punch/index",
"pages/Rank/index",
"pages/Notify/index",
"pages/Profile/index",
"pages/Register/index",
"pages/Change/index"
中的以下一行删去
"pages/Punch/index",
报错复制见下:
[ miniprogram/app.json 文件内容错误] miniprogram/app.json: ["tabBar"][0]["pagePath"]: "pages/Punch/index" need in ["pages"]
因此,主包中所包含的内容还是很多,主包大小还是很大。我们并不能通过分包将主包的大小减小到2048kb以下。
请问除了更改和tabBar绑定的页面和整体的UI逻辑,还有什么方法能解决我们现在的问题吗?或如果我们对以上概念有任何理解有误的地方,可否请您指出?谢谢!