小程序主包体积的优化方案与技术实现

文章预览

引言 在使用Taro开发偏大型小程序应用过程中，我们可能经常会遇到这么个问题：小程序的主包体积超过了2M，没办法发布。针对这个问题，本文讲一讲我在业务中经常使用到的4种优化手段。 优化方式 页面分包 微信主包体积限制 2MB 主包空间寸土寸金，仅放置默认启动页面/TabBar 页面，其他页面均迁移至分包。这也是主包体积最基本的优化方式。 公共模块分包 改造后分包加载的页面体积不计入主包体积内，但是在默认配置下被多个页面所引用的模块会被打包进主包。这里截取了未做优化页面分包后直接打包后的代码依赖分析图。其中： common.js 包含了业务中的公共组件、工具方法、 hooks 等逻辑 common.wxss 包含了业务中公共组件的样式、全局样式 vendors.js 包含了三方依赖逻辑 解决方案 那么我们能不能识别哪些页面使用了这些公共模块，如果某个 ………………………………