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

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

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