小程序 打包太大

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

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

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

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.图片压缩/改为线上地址

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