小程序 打包太大

小程序代码写完了,一预览结果发现 文件大小太大。

遇到这种情况 ,首先在微信开发者工具里面,点击详情

然后根据解析的各个模块的内容,进行对应的调整

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,重新启动就好了

参考

https://developers.weixin.qq.com/community/develop/doc/0008ee338d88f8adbed78f6c85c800?_at=1577930937262

2.图片压缩/改为线上地址

  将本地的图片进行压缩,或者直接上传到线上资源库,引入线上地址,本地不放图片,尽可能减少图片占比

原文地址:https://www.cnblogs.com/GoTing/p/15089074.html