2022微信小程序包体积优化,微信小程序公共代码体积优化

最近公司在做微信小程序包体积优化,先从wepy 1.X 迁移到了uniapp (vue3+ts), 然后还遇到一个很常见的问题,微信小程序的公共代码,或者 多个分包的非公共代码怎么放,怎么优化,话不多说,这里记录一下

如以下情况:
一个uniapp的微信小程序 ,有主包和分包,
A分包 依赖 C.js
B分包 依赖 C.js
打包的时候 C.js会打包到主包
影响主包包体积大小,影响主包加载

这种情况,大多怎么解决

  1. A和B两个分包各自放一份
  2. A和B 合并成一个分包
  3. 压缩C.js

这里提供一个新思路,了解了新思路,很多包体积优化问题迎刃而解

/// 当然要包裹在一个async函数里
// 这里是B分包
const {
 abc
} = await require.async('../../packageA包/components/abc/index')


这里构建后,从微信小程序开发者工具就能看到是公用packageA包的代码啦

跨分包JS代码引用:https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/async.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容