(mpVue)小程序代码包大小超出限制的解决办法

最新推荐文章于 2025-09-25 17:51:22 发布

转载最新推荐文章于 2025-09-25 17:51:22 发布 · 3.1w 阅读

25 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5d08b1ebf265da1b95705973

文章标签：

#json #开发工具 #javascript #ViewUI

博客主要围绕代码包过大无法预览的问题展开。通过分包加载，修改并增加字段来解决。分包后发现主包仍大，推测是图片过多且直接在src引入所致，将其修改为特定方式引入图片资源后，主包成功变小。

点击预览，发现无法预览，报错：

Error: 代码包大小为 3701 kb，上限为 2048 kb，请删除文件后重试

1. 分包加载

修改app.json，增加subPackages字段，大概长这样：

"subPackages": [
    {
      "root": "pages/cfs/",
      "pages": [
        "main",
        "query/main",
        "photograph/main",
        "packing/main",
        "pin/main",
        "pin/detail/main"
      ]
    },
    {
      "root": "pages/check/",
      "pages": [
        "main",
        "detail/main"
      ]
    }]
复制代码

我的项目目录是这样的：

2. 图片require

分包之后发现主包还是太大了/(ㄒoㄒ)/~~，之前就觉得应该是我的图片太多了，并且是直接在src里引入的，那么就修改为用require()来引入图片资源：

{
  imgUrl: require('../../assets/images/home/cfs.png'),
  text: ''
},
 {
  imgUrl: require('../../assets/images/home/gate.png'),
  text: ''
},
 {
  imgUrl: require('../../assets/images/home/bay.png'),
  text: ''
},
 {
  imgUrl: require('../../assets/images/home/check.png'),
  text: ''
}
复制代码

结果真的主包就变小了哈哈哈哈

转载于:https://juejin.im/post/5d08b1ebf265da1b95705973