uniapp打包小程序时，包体积变大突增

最新推荐文章于 2024-11-21 16:14:28 发布
原创 最新推荐文章于 2024-11-21 16:14:28 发布 · 618 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#uni-app #小程序

在打包小程序时，由于在uni.scss中导入animate.css，可能导致每个页面都有重复的文件，从而显著增加包体积。通过将animate.css的导入移至main.ts，可以优化这个问题，使包体积恢复正常。

记录打包小程序时，包体积变大突增

在这里插入图片描述
记录中与上次 代码包差距过大

直接说答案：原因是 我 在uni.scss 导入 animate.css，猜测可能是在每个页面都 复制出了相同的文件，

解决方法，在 main.ts 中导入，体积回归正常
在这里插入图片描述

With Hope
关注
支付宝小程序支付接入与优化实践：你真的调好了“支付”这碗热饭吗？
**My Coding Family**
06-05 1470
🏆本文收录于《滚雪球学支付宝小程序开发》专栏，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！
【开题答辩全过程】以 基于微信小程序的瑞鸿保健品购物商城为例，包含答辩的问题和答案
shiji3076的博客
08-21 1104
X同学准备充分，能准确聚焦保健品垂直电商的合规与专业化痛点，技术方案细节扎实，高并发、合规审核、风险应对都有具体策略。若能在后续4个月内严格执行里程碑计划，并落实种子商家与测试用户，项目具备较高的完成度与推广潜力。
关于微信小程序打包主包超出2M的问题——最新
优快云_yhb0709的博客
10-24 1423
微信小程序打包
论一次 taro小程序分包优化经历，小程序体积过大的优化
业余前端的职业经历
01-19 4431
篇幅可能有点长。 感兴趣的童鞋 请耐心看下 都是经验总结哈 由于公司要在小程序上面加上一个聊天的功能 ，选来选去 最后选择了 腾讯的im 由于需要用到的一些功能可能比较新吧。所以优选选择了 最新的sdk 当时代码体积是 1.7M，但是没想到 就这个sdk 就有三四百kb 别说再加上聊天的业务代码了。 然后就开始了 长久的优化缩小 代码体积包的经历 下面就是 意义罗列出来 当时那些减少了体积，最后 保证了不影响现有业务的情况下 把小程序上了。当然空间也只剩下 50kb左右的空间 就溢出。很危险 。 这里
微信小程序中主包和分包过大，详解分包问题
qq_43638732的博客
07-28 8008
博文介绍了对于较大的项目而言，根据微信开发者工具中提示，从自用组件、官方组件、项目配置等方面提出分包、精简项目的见解。
微信小程序包大小超过2M的解决方法—分包加载
joe0235的博客
04-06 6588
小程序的包被限制在2M以下， 超出的时候点击预览， 发现报错
uniapp 打包ipa体积突然变大
weixin_42869000的博客
02-14 1510
uniapp 打包ipa体积突然变大
uniapp打包字节跳动小程序时，包体积变大突增
一颗松鼠
10-24 3292
👑通过搜索产物代码来验证，就知道为什么体积突增了，微信小程序的产物中 sourcemap 是引用了独立 sourcemap 文件夹中的文件，而字节小程序的产物中，sourcemap 就是base64编码后内联形式存在产物文件中了。最近在工作中使用uniapp来进行开发页面，在使用uniapp执行打包字节跳动小程序命令时，发现同样的一套代码打包后，字节跳动小程序的包体积将近是微信小程序打包后的体积3倍多。这样解决后，通过 uni-app 开发字节小程序的时候，再也不会遇到预览，真机调试失败的问题了。
HarmonyOS 实战开发 —— 应用包体积大小优化解决方案
CTrup的博客
11-21 632
想要优化应用包体积首先要分析应用包体积大的原因，一般包体积大的原因可以分为文件重复、大文件两大类，其中文件重复Har重复和其他类型文件重复，大文件可以分为so文件大和其他类型文件大，针对不同的原因有针对性的优化方案。使用app-check-tool扫描文件大小占比，找到占比大文件，看是否为so文件，是否为重复文件，如果是重复文件，进一步查看重复原因，是否HAR重复引用导致，通过这些判断基本可以初步是被应用包体积大的原因。其它类型的大文件根据业务实际情况看是否可以删除或压缩。配置so压缩打包的压缩率等级。
【智能交通系统】基于图神经网络与最小费用最大流的实时公交调度优化：融合ACM竞赛算法的城市级动态运力分配模型设计
最新发布
11-20
通过引入最短路、最小费用最大流、线段树、并查集等竞赛算法，并结合图神经网络（GNN）、强化学习和实时数据处理技术（如Kafka+Flink），实现了对大规模城市公交系统的高效动态调度。系统能在1秒内完成万辆级车辆与...
光伏储能+三相离网逆变运行模型：包含Boost、Buck-boost双向DCDC与三相离网逆变三大部分的0.25s负荷突增应对策略.pdf
03-21
光伏储能+三相离网逆变运行模型：包含Boost、Buck-boost双向DCDC与三相离网逆变三大部分的0.25s负荷突增应对策略.pdf
微信小程序：uniapp解决上传小程序体积过大的问题
stark张宇
09-25 2597
在昨天的工作中遇到了一个微信小程序上传代码过大的情况，在这里总结一下具体的解决步骤，首先介绍一下，技术栈是使用uniapp框架+HBuilderX的开发环境。
uniapp 打包过大问题（巨坑）
热门推荐
拿回忆下酒
08-12 2万+
目前前端使用的uniapp 比较火，毕竟基于Vue，上手快成本低，还能兼容APP、h5、和小程序，但是随着项目的开发迭代，项目越来越大。 我们肯定首先想到的便是分包，但是后来发现治标不治本，主包还是很大，于是便对打包后的文件逐一排查 首先进入微信打包文件 cd unpackage/dist/bulid/mp-weixin ####### 审查文件大小 du -h * 发现 发现每个 wxss 文件都很大，打开发现每个wxss文件都有重复的公共css，而这些css 都是放到根目录uni.scss文件里的
uniapp微信小程序体积过大无法打包、微信小程序体积过大无法打包
Moy1237的博客
07-19 2898
最近工作一直在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，虽然官方提供了分包，但是有时候还是会莫名其妙的超出限制了。 在这个项目中，引入了一个3D的库，这个库足足就有1.5M加上代码和一些小图标，就达到3M，这样是无法打包的， 这个时候项目已经差不多完善了，再去详细分包就很烦，前段时间经过同事指点发现一个很好用的方法，适用于uniapp的小程序。 方法很简单，首先先在HBuilder上面点击发行—...
uniapp 小程序 文件体积超过 500KB common/vendor.js
LRQQHM的博客
02-28 1479
HBuilderX创建的项目 1.勾选运行–>运行到小程序模拟器 2.勾选运行->运行时是否压缩代码 cli创建的项目 在pacakge.json中添加参数–minimize， 示例： "dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize" ...
小程序：uniapp解决主包体积过大的问题
qq_44747508的博客
10-17 3188
小程序：uniapp解决主包体积过大的问题
uni-app打包微信小程序主包超2M？这里有终极解决方案
luo123_123_123的博客
11-17 8148
在开发微信小程序时，我们经常会遇到一个问题：代码包体积过大，尤其是主包超过2M的限制，导致无法上传。首先，我们需要明确的是，在开发版中，我们可以通过调整开发者工具的设置来增加主包和分包的体积上限。然而，对于体验版和正式版来说，主包体积的限制仍然是2M。对于使用uni-app进行开发的开发者来说，还有一些额外的优化策略可以帮助我们减小主包的体积。通过合理的分包策略，我们可以将不常用的页面和功能放在分包中，从而减小主包的体积。文件中写公共CSS代码，因为这会导致所有页面都加载这些代码，从而增加主包的体积。
uni-app打包超出2M处理
weixin_55853065的博客
09-27 5393
每个使用分包小程序必定含有一个主包。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示目前小程序分包大小有以下限制：整个小程序所有分包大小不超过 20M单个分包/主包大小不能超过 2M对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。
uniapp 微信小程序文件内容超过2M解决方案（分多包）
m0_46365130的博客
11-22 5053
1.图片经过压缩和使用网络连接形式，避免静态资源占用太多内存 2.在HbuiderX运行小程序的时候把“运行时是否压缩代码”勾上 经过上面的操作后，你可能会发现，包的体积还是很大，那这时就只能采用分包了，uniapp的分包使用方法和小程序的一样，配置分包路径时在pages.json里配置就好了 如果需要配置多个包，在subPackages下再添加一个对象就行了 目录结构： ├── src ├── main.js ├── App.vue ├── pages.json ├──
深入解析Wareshark以太网抓包软件的强大功能
使用Wareshark进行以太网抓包分析时，用户还可以对特定类型的以太网帧进行捕获，比如只捕获ARP（地址解析协议）帧或只捕获特定MAC地址的帧，这有利于在复杂的网络环境中，精确地分析和调试问题。 在网络安全领域，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值