uniapp开发微信小程序主包不能大于2M问题

最新推荐文章于 2024-07-25 15:22:17 发布
最新推荐文章于 2024-07-25 15:22:17 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： uniapp 文章标签： uni-app 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/withNanSi/article/details/121634512
版权
本文介绍了如何使用Hbuilder创建的uni-app项目，在开发微信小程序时遇到主包大小超过2M的问题，提出了通过压缩代码、分包以及将主包内静态图片改为网络请求等方法来优化解决方案。
摘要由CSDN通过智能技术生成
  • Hbuilder创建的项目运行勾选压缩代码

在这里插入图片描述

  • 分包
    目录格式
    在这里插入图片描述
    pages.json
    在这里插入图片描述
    在这里插入图片描述
  • manifest.json(源码视图)
    在这里插入图片描述
"optimization" : {
            "subPackages" : true
        }
  • 主包内的静态图片都修改为网络请求方式
withNanSi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序之分包加载，解决代码超过2M的方法，还在等机会
wdsfgj的博客
03-31 986
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
小程序大于2M解决（分包！分包预加载！分包优化，分包图片找不到！）
qq_42453562的博客
08-12 3928
解决：小程序代码包多大导致无法编译或上传。。。 方法1：删除本地图片 ，上传至云控制台。 将本地引用图片的地址都更改为云存储路径（不推荐） 方法二：分包 推官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html 分包后的页面可以照常跳转 ...
解决微信小程序2M大小的限制
最新发布
m0_71231013的博客
07-25 270
非常难受，于是我开始寻找其他方法终于让我找到了，就是通过HBuilder X编辑器进行直接发包到微信小程序平台，不会启动微信开发者工具，从而绕过这个体积大小校验。原因：最近在优化公司的微信小程序代码中，发现真的牛逼，把代码体积大小卡的刚刚好，所有的ui组件都是全部导入，导致我加一点点代码，通过微信开发者工具都会上传不了。最后选择发行，如果遇到报错，说你的ip不存在，则需要将报错的ip给添加到ip白名单里即可！HBuilder 编辑器左上角操作栏选择发行===》小程序微信。最后希望大家都能成功。
微信小程序上传包过大的最全解决方案！
简单Cere
05-27 1347
微信小程序的发布大小限制是2MB。然而一个程序怎么能这么小？介绍一下项目中的经验。
uni-app打包超出2M处理
weixin_55853065的博客
09-27 4865
每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 20M单个分包/主包大小不能超过 2M对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。
微信小程序包体积过大解决方法
weixin_72329752的博客
04-18 7627
在pages文件夹里面写入登录、首页等占用体积较小的页面，其他页面及相关资源可以放到分包里面，这样就不影响主包的大小。因为微信开发者工具提交需要整个项目大小不超过2M,超过2M则不能提交，会出现下面这个报错。注意：分包后该页面引入文件路径和其他页面跳转到该页面的路径等均需要更改。1、在Hbuilder x上面勾选上运行时压缩代码。压缩完成后可以点击download进行图片下载。配置在subPackages里面的是分包。以上就是我遇到的解决方法。配置在pages是主包。
解决：微信小程序预览时代码包太大
weixin_71403100的博客
09-20 5220
一、背景开发微信小程序时在进行手机预览时，报错：代码包大小超过限制二、问题根据错误提示，子包的源代码大小为2094KB，超过了2MB的最大限制。三、解决在本地设置中将体积上线调整为4M。
【uniapp】HbuilderX发布微信小程序
Web_boom的博客
09-19 1万+
一、首先配置HbuilderX 与微信开发者工具关联，在HbuilderX中打开【工具】-【设置】-【运行配置】中找到小程序运行配置，在下面微信开发者工具路径将你本地微信开发者工具目录进行设置。提到微信公众平台后的代码为开发版本，想要将开发版本发布成线上版本之前要提交审核，审核通过后就会在审核版本一栏出现，这时就可以将小程序进行发布为线上版本。执行该命令后，微信小程序将会在小程序模拟器中进行打开，这个时候我们就可以看到小程序具体的页面了，相当于开发前端页面时把html在浏览器中进行打开。
微信小程序：uniapp解决上传小程序体积过大的问题
stark张宇
09-25 2067
在昨天的工作中遇到了一个微信小程序上传代码过大的情况，在这里总结一下具体的解决步骤，首先介绍一下，技术栈是使用uniapp框架+HBuilderX的开发环境。
HBuilderx 坑 之前没问题 改了几行代码 小程序上传报分包大小超过限制
zhangxueyou2223的博客
12-13 4432
Error: 分包大小超过限制,main package source size 4199KB exceed max limit 2MB [20221213 10:08:06][wx432abdb518bdc1eb]下面的我提示是都没超过2M，却提示我超过限制，代码改了不到20行吧，之前是正常上传的.....，比如这类，要压缩的，前提是没压缩过的，但是我肯定提交的时候是压缩的，没勾选此项的要注意,如果本文解决了你的困扰 来波666不为过吧！
uniapp开发微信小程序分包处理实录
weixin_43401380的博客
04-19 1558
项目中除了tabbar相关的首页和我的页面，其余业务代码都放放到的subpages文件夹中。由于项目中引入了uView2.0和uni-im插件，单独将插件安装目录uni_modules作为一个子包，配置方式同业务代码都是配置在subpages节点中。我的项目中引入了uView2.0和uni-im插件，所以不做处理的话指定超过2M，下面就说下uniapp开发进行分包的处理方式。整个小程序所有分包体积不能大于16M（主包+分包，也有说不能超过20M，没搞过那么大的没有试过）单个分包/主包大小不能超过2M。
3秒解决uniapp小程序代码包大小超过2M无法上传问题，不用分包
weixin_41747256的博客
08-31 1921
分包也无法减小主包大小到2M以下，剑走偏锋，利用hbuilder成功发布。hbuilder——发行——小程序（微信）微信开发者工具运行成功后，点击上传即可。
uniapp编写微信小程序分包后包还是大于2MB解决办法
Ronaldouy的博客
04-24 898
2.使用hbuilder打开运行时压缩代码 打开后大小压缩一半不止。1.分包后文件依然很大 ，引入的uview也是全部打包进去了。
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
热门推荐
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
01-22 2万+
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题 在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。
【一步步开发AI运动小程序】十四、主包超出2M大小限制，如何将插件分包发布？
赣州云智技术的技术铺子
12-20 1524
并做适当的分包预加载配置，这样便可以让运动相关功能代码包，即不占用主包和其它子包的代码空间，又兼顾加载性能。特别是已有应用集成，就不会影响任何现有功能了。由于原生的分包配置相对更简便，操作也大同小异，按照官方文档操作即可，就不在此赘述了，插件调用用户也可直接向我们索引取原生版的分包Demo参考项目。到此便实现了将运动功能分包及加载优化，我们为您准备了完整的分包Demo参考项目，插件调用用户请联系我们索取。好了分包就为您介绍到，下篇我们将为您介绍，运动识别时如何判断人体远近问题，敬请期待…
uniapp微信小程序开发，如何解决打包太大无法预览发布的问题（uview）
SLife4599的博客
05-07 1万+
废话不多说，直接上解决方案。 我们经常用的解决方案有，分包，将图片上传到服务器上，减少插件引入。但是还有一个方案好多刚入门uniapp的人都给忽略了，就是在源码视图中配置，开启分包优化。 1.分包 目前微信小程序可以分8个包，每个包的最大存储是2M，也就是说你文件总体的大小不能超过16M，每个包的大小不能超过2M。下面是如何配置分包。 首先我们在和pages同级的位置创建新的文件夹，文件夹的名字随便命名，每分一个包就创建一个文件夹。如下图 然后在pages.json中配置分包路径 如下： { "pag
uni-app 微信小程序vendor.js 过大的处理方式和分包优化
xiexikk的博客
11-15 1万+
小程序工具提示vendor.js过大，已经跳过es6向es5转换。这个转换问题本身不用理会，因为vendor.js已经是es5的了。 HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码 cli创建的项目可以在package.json中添加参数–minimize， 示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue...
小程序上传代码报错，超过2M---解决方案
随心而作
07-25 1万+
开发小程序完毕之后，提交的时候出现下面的这个错，Error.代码包大小超过上线2048，让删除文件。 但是辛辛苦苦打下的江山，怎么能随便删除（心在滴血ing......），下面就来说说如何解决这种报错。 解决方案---分包加载 听着名字挺吓唬人，其实还是比较简单的。就是把目录结构改变一下，让每个包的大小控制再2M之内，我的目录结构分包加载之前是这样的 这样都是在一个包里，随着需求的不...
uniapp开发微信小程序主包
09-28
uniapp开发微信小程序的主包是指在打包过程中生成的主要代码包。主包中包含了应用的入口文件、公共组件、页面代码以及一些常用的库文件等。在uniapp打包微信小程序时，如果主包中的某些文件过大超过了2M，微信小程序...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值