uniapp中小程序主包超出2M
当使用
uniapp
写小程序,主包超2M现在已经是平常事了,一般的解决方式:
- 减少图片的所占的kb,
- 压缩css
- 分包
等…
但是当项目过大,只做上面几种的方式,已经不够了,因此介绍下我在项目中的处理方式
- 在项目运行时,将运行到小程序中的
运行是否压缩代码
打开 - 使用vuex,将vuex放到一个分包中比如:
- 我的项目中我将vuex放到pagesE中
- 在主包中store中index.js文件引入
- 然后在main.js添加即可
- 在preloadRule中不设置预加载,不然会报 主包 内存超出2M
- 在微信开发者工具中
本地设置
中上传时压缩样式
打开
1:在项目中使用的插件都可以使用一个分包进行储存
2:在项目中使用比较大的图片放到服务器进行加载。中等大小(公共)的图片--可以使用一个分包进行储存.,其他的图片根据需求放在不同的包...
在使用图片分包时,如果直接使用相对路径加载图片,会报图片和引入不在同一个包中,所以我采用:
import paint from '@/pagesE/static/home/paint.png';
这样就不会报错了
3:将请求使用class或者Promise进行封装,提示信息和加载中进行封装,公共的函数封装,然后创建分包进行储存.