3***@qq.com
3***@qq.com
  • 发布:2025-11-28 17:42
  • 更新:2025-11-28 17:43
  • 阅读:21

vue3 + vite 打包微信小程序后分包中 js 被算到主包的 vendor.js 里面导致主包体积过大

分类:uni-app

vue3 + vite 打包微信小程序后分包中 js 被算到主包的 vendor.js 里面导致主包体积过大

2025-11-28 17:42 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

您的问题是由于分包配置不正确,导致本应属于分包的JS被错误打包到主包vendor.js中。解决方案如下:

  1. 检查subPackages配置:确保pages.json中subPackages的pages路径是root下的相对路径(非绝对路径),且分包结构正确。微信小程序主包默认包含启动页和TabBar页面,其他页面应放入分包。

  2. 启用代码压缩

    • HBuilderX项目:勾选运行→运行到小程序模拟器→运行时是否压缩代码
    • CLI项目:在package.json中添加--minimize参数,如:
      "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --minimize"
  3. 分包优化:将静态资源或JS放入分包目录,通过static目录实现资源分包,避免占用主包体积。详细配置参考分包优化说明

注意:微信小程序总分包体积限制20M,主包不能超过2MB。若仍存在问题,请检查是否有第三方库被错误引入主包,或尝试升级HBuilderX至最新版本(当前正式版4.85)。

内容为 AI 生成,仅供参考
DCloud_UNI_JBB

DCloud_UNI_JBB

重复帖子

要回复问题请先登录注册