mpvue小程序分包

小程序本着轻便，即来即用的原则，所以小程序要求一个包（主包和分包）小于2M才能预览和发布，如果分包所有的包（主包和分包）加起来不超过8M
所以如果遇到很大的小程序项目这块的优化解决办法：
（1）图片使用外部链接
（2）分包

分包：

原生小程序的分包

image.png
image.png

微信官方的是原生小程序，这样没问题。但是mpvue同级分包是会报错的。mpvue现在也支持分包但是只能在pages内部进行分包，具体分包如下
首先小程序的tabbar页面必须放在主包里要不然会报错,json配置如下：其中"pages/index/main"和"pages/mine/main"是tabbar里面的所以放在主包里，其他的都放在mypage的分包里面

  "pages": [
    "pages/index/main",
    "pages/mine/main"
  ],
  "subPackages": [{
    "root": "pages/mypage/",
    "pages": [
      "details/main",
      "login/main",
      "fabu/main",
      "print/main",
      "logs/main"
    ]
  }],
  "window": {
    "backgroundTextStyle": "dark",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "自拍盒子",
    "navigationBarTextStyle": "black",
    "enablePullDownRefresh": true
  },

文件目录：其中mypage是一个分包

image.png image.png

mypage里面是其他页面，当然我是建立了一个分包，需要的话可以建立n个，mypage1，mypage2...但是要求每个（主包和分包）的大小都是2M限制，所有加起来不超过8M就可以。

配置完毕重新启动sudo cnpm run dev

不报错的情况下微信开发者工具就可以看到有两个包主包和分包的大小了，当然不做分包他自然那就是一个主包不会显示分包的信息

image.png