uniapp中编译成小程序主包超出2M

uniapp中小程序主包超出2M


当使用 uniapp写小程序,主包超2M现在已经是平常事了,一般的解决方式:

  1. 减少图片的所占的kb,
  2. 压缩css
  3. 分包
    等…

但是当项目过大,只做上面几种的方式,已经不够了,因此介绍下我在项目中的处理方式

  1. 在项目运行时,将运行到小程序中的 运行是否压缩代码打开
  2. 使用vuex,将vuex放到一个分包中比如:
    1. 我的项目中我将vuex放到pagesE中
    2. 在主包中store中index.js文件引入
    3. 然后在main.js添加即可
    4. 在preloadRule中不设置预加载,不然会报 主包 内存超出2M
    5. 在微信开发者工具中本地设置上传时压缩样式 打开

1:在项目中使用的插件都可以使用一个分包进行储存
2:在项目中使用比较大的图片放到服务器进行加载。中等大小(公共)的图片--可以使用一个分包进行储存.,其他的图片根据需求放在不同的包...
在使用图片分包时,如果直接使用相对路径加载图片,会报图片和引入不在同一个包中,所以我采用:

import paint from '@/pagesE/static/home/paint.png';

这样就不会报错了

3:将请求使用class或者Promise进行封装,提示信息和加载中进行封装,公共的函数封装,然后创建分包进行储存.

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值