小程序2mb限制

Posted 2023-04-16

参考技术A 微信小程序一开始只有1mb的上传大小，后来应广大民众要求加到了2mb，可这对于大一些的小程序可能就不够了，特别是有用到很多图片的就更不够了，那怎么办呢？

这里我用的是wepy，为了方便图片引入，设置了图片前缀，但在一个wpy文件中，style和script要分别引入
如下

common.less:

config.js:

对于common.less,本来已经在app.wpy引入过了，理论上应该是所有页面都不用再引入的，对于common.less中的一些样式如.loading...确实全部页面都有用，但是对于定义的变量如@imgHost:" https://api.51app.cn/webPage/tq/xcx/images ";就没用，不得不每个页面都引入common.less

再就是对字体文件，还是要转为base64引入还占了更大的地方，无法引入线上的文件。

微信小程序代码最大限制2M的解决方案

微信小程序代码最大限制2M的解决方案

记录一下，刚入门wx小程序没多久，便遇到了代码提交时超过2MB导致失败的情况，参考了很多文章终于明白了

有一个很妙的解决方法是使用分包加载。
大部分小程序都会有几个功能组成，通常独立，但是会有公共的逻辑，并且这些功能通常会对应几个独立的页面，那么小程序代码的打包，大可不必打成一个，可以按照功能的划分，拆分成几个分包，当需要用到某个功能时，才加载这个功能对应的分包。

对于用户来说，小程序的加载流程变成了：

1，首次启动，加载小程序主包，显示主包内的页面
2，如果用户进入了某个分包的页面，再加载这个对应分包，显示分包的页面

采用分包加载，对于开发者而言，能使小程序有更大的代码体积，承载更多的功能和服务，对于用户而言，可以更快的打开小程序，同时再不影响启动速度的前提下使用更多功能。

分包的划分

在配置前首先需要开发者规划下各个分包需要容纳的内容，建议开发者按照功能划分的原则，将同一个功能下的页面和逻辑放置于同一个目录下，对于一些跨功能之间的公共逻辑，将其放置于主包下，这样可以确保在分包引用这部分功能时，这部分的逻辑一定存在。