uni-app——开发微信小程序 因超过2MB限制无法打包预览、上传

本文介绍了微信小程序对于代码大小的限制,详细阐述了使用uni-app框架开发时遇到的预览、上传问题及其原因。提供了解决方法,包括减少项目大小、运用分包技术,并详细讲解了分包的依据、步骤以及pages.json中的subPackages和preloadRule配置,旨在优化小程序的下载和启动速度。
摘要由CSDN通过智能技术生成

一、小程序对大小的限制

微信小程序每个分包的大小是2M,总体积一共不能超过16M

二、问题描述

1、描述

使用uni-app框架运行到微信开发者工具后,微信开发者工具中的预览、真机调试和上传功能均无法使用,都是体积过大无法提交和上传,提示问题如下图,若本地代码超过**2MB**(查看代码大小在微信开发者工具右侧详情——基本信息——本地代码)。
在这里插入图片描述

2、问题原因

微信小程序对代码有2MB的大小限制,如果超过2MB则代码无法打包,出现这种问题无非是图片太多、体积太大。

三、解决方法

1、减少项目的大小的方法

  • 建议静态资源放在网络上,tabBar栏的图片不能使用网络图片,必须使用本地图片。
  • 图片资源使用png格式,同样的图片png格式的图片比jpg格式要小很多。
  • 全局使用的文件直接引入到app.vue中,不要在每个页面中引入。
  • 使用压缩版文件(将css、js文件压缩)

2、分包技术

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值