小程序代码写完了,一预览结果发现 文件大小太大。
遇到这种情况 ,首先在微信开发者工具里面,点击详情
然后根据解析的各个模块的内容,进行对应的调整
1.分包
微信官方介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html
可以在不改变代码内容的情况下,将非必要第一次需要加载的东西进行分包
注意点:1.目录结构需要对应上
1.subpackages下面写的目录结构,需要对应上
2.对应的页面(.vue 我用的是taro/vue)的图片路径也要对应上
3.跳转路径
taro.navigateTo({ url: `/packageA/pages/my/index/index`
})
正常跳转
2.tabar定义的页面不能分包
tabar中的页面都必须是主包内容,根据提示讲一个模块的入口文件放入主包,对应的pages以及分包中的内容 增加和删除,图片路径修改,再次运行,就可以了
分包过程中,报错的问题
1.subpages[0][root]字段需为目录
这个是微信开发者工具的bug,重新启动就好了
参考
2.图片压缩/改为线上地址
将本地的图片进行压缩,或者直接上传到线上资源库,引入线上地址,本地不放图片,尽可能减少图片占比