uniapp下微信小程序超过2MB大小限制的解决方法

article/2025/10/15 22:29:48

在这里插入图片描述
小程序开发者们看到这样的错误是不是很头疼?
我来总结一下解决这个问题的 方法

微信小程序超过2MB大小限制

    • 1压缩静态文件大小
    • 2缩减大量重复的css代码
    • 3注释掉pages.json某些代码
    • 4程序分包
    • 5不要在uni.scss中引用样式!

1压缩静态文件大小

举例,一些icon图标、临时的静态图片加起来可能占用了几百KB
推荐一个压缩图片的网址https://tinypng.com/,一次限制20张,一次把它们丢进去,压缩好了再打包下载,替换到你的static文件夹
在这里插入图片描述丢几个图片进去试一下,压缩后节省了78%的空间!点击download all下载全部,会下载一个压缩包,解压后替换到本地文件夹即可。在这里插入图片描述

2缩减大量重复的css代码

view中style重复过多的用class(当然这样也就减少个几KB~几十KB),每个页面都有重复的class就在全局css文件里写样式

3注释掉pages.json某些代码

某些页面如果急着手机调试,但是还是超过2MB,可以先在pages.json里面注释掉几个页面再重新编译

4程序分包

比如在uniapp中小程序项目的文件夹的页面本来是存在/pages下的,现在要把它们分包成/pagesA和/pagesB
自己去微信小程序文档或者uniapp文档看吧https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html。
在这里插入图片描述

5不要在uni.scss中引用样式!

如果你在uni.scss中引用了某个样式库,把它注释掉试试
在这里插入图片描述有个项目引用了样式库,但是发现并没有用到它,当我把一些静态文件清理掉的时候,发现突然编译大小减少了600KB,从原来的2081KB编程1469KB,绝了!

原因:

uni.scss中引入的样式会同时混入到全局样式文件和单独每一个页面的样式中,造成微信程序包太大,
故uni.scss只建议放scss变量名相关样式,其他的样式可以通过main.js或者App.vue引入


http://chatgpt.dhexx.cn/article/pgnuNFtK.shtml

相关文章

小程序打包体积优化策略

背景 我们都知道微信小程序有包体积限制,整个小程序所有分包大小不超过 20M,单个分包/主包大小不能超过 2M。然而面对业务的不断更新迭代,代码和资源会越来越多,如果不尽早规划包体积的治理,势必有一天会对业务的发展…

【微信小程序】解决代码上传超过大小限制,小程序分包

微信小程序分包 小程序项目更新迭代,代码越来越大,超过了2M,小程序不能发布 快速解决方案,原来的页面跳转都不需要改,只需要改变app.json文件 原来app.json内容 {"pages": ["pages/ucenter/feedbac…

微信小程序页面数量限制问题

今天记录一下微信小程序关于页面栈不够用的解决方法,这个方法我是从小程序开发书中习得 1.问题 首先微信小程序中页面栈最多十层,也就意味着如果使用wx.navigateTo(保留当前页面,跳转到应用内的某个页面)方法&#x…

微信小程序获取头像昵称,限制头像大小

把用户的头像上传,限制在2M以内 代码 that.onChooseAvatar (e) > {console.log(onChooseAvatar2, e);const avatarUrl e.target.avatarUrl;let FileSystemManager wx.getFileSystemManager()FileSystemManager.getFileInfo({"filePath": avatarUr…

linux怎么限制文件大小,Linux文件系统文件大小限制

去阿里面试,被问到了Linux文件系统中文件大小的限制,当时就无语了。学操作系统时这些都是现算的,回来赶紧查一下。 以下为红帽ext3文件系统所支持的max file size和max filesystem size: ext3文件系统最大支持块数是2的32次方。块的大小可变,直接影响了文件系统的大小和文…

小程序包大小超过限制

uniapp&微信小程序主包/分包大小超过限制 一、开启分包1.在pages.json文件中配置分包2.在manifest.json文件中配置一下分包优化 二、以压缩方式运行1.在pages.json文件的顶部配置一条运行脚本(不清楚实际有没有生效)2.找到package.json文件 三、一些小建议1.一些图片文档之…

微信小程序文件大小限制

项目场景: 今天接着学习微信小程序,因为导入到项目的图片稍微多了一点,导致微信小程序无法编译,弹出以下错误。 经查找原因后才发现,原来微信小程序对每个小程序有大小限制,最多2M,进行分包后最…

socket中的函数遇见EINTR的处理

转载 : https://blog.csdn.net/benkaoya/article/details/17262053 http://blog.chinaunix.net/uid-21501855-id-4490453.html 这几天,写服务器代码过程当中,遇见EINRT信号的问题,我是借鉴 《unp 》,采用continue或者…

系统调用中断(EINTR)与SIGCHLD信号的处理

一、被中断的系统调用(EINTR)的理解 1. 慢系统调用是?2. 慢系统调用的类别3. EINTR产生的原因5. 一般处理方法 二、SIGCHLD信号的处理 1. SIGCHLD信号的产生2. SIGCHLD信号的处理3. 不处理SIGCHLD的后果 三、示例代码 一、被中断的系统调用(EINTR)的理解 1. 慢…

StringUtils 工具

<dependency><groupId>org.apache.commons</groupId><artifactId>commons-lang3</artifactId></dependency>实验室&#xff1a; 常用方法&#xff1a; StringUtils.truncate("abcdefg", 7);StringUtils.wrapIfMissing("ab&…

StringUtils

今天我来谈一下Java里面一个工具类StringUtils&#xff0c;其实在Java里面一般把工具类写成静态的&#xff0c;这样是为了在使用的时候好调用。但是StringUtils这个类在Java API文档是没有的&#xff0c;所以必须要去倒StringUtils所属于的jar包。而StringUtils所属于的jar包是…

使用Python websockets搭建互联网服务器

在上一篇文章中实现局域网的通信&#xff0c;使用websockets,python作服务端&#xff0c;unity作客服端完成网络通信 这次准备实现互联网上的通信。 1.整个云服务器 要实现互联网通信&#xff0c;简单的方法就是先准备一个云服务器&#xff0c;这里我直接使用了阿里云服务器。…

【ZED2-3】python同时实现websockets与flask

上篇博客【ZED-2】基于WebSockets库&#xff0c;通过多线程方式推送数据流_WXG1011的博客-CSDN博客采用多线程方式&#xff0c;基于websockets库实现数据流的推送&#xff0c;这篇博客主要实现将前端&#xff08;nx板&#xff09;代码移植到flask框架中&#xff0c;通过http方式…

【burpsuite安全练兵场-客户端16】测试WebSockets安全漏洞-3个实验(全)

前言&#xff1a; 介绍&#xff1a; 博主&#xff1a;网络安全领域狂热爱好者&#xff08;承诺在CSDN永久无偿分享文章&#xff09;。 殊荣&#xff1a;CSDN网络安全领域优质创作者&#xff0c;2022年双十一业务安全保卫战-某厂第一名&#xff0c;某厂特邀数字业务安全研究员&…

在python中使用websockets

WebSocket (WebSocket) Websocket is a communications protocol, providing full-duplex bi-directional communication over a single TCP connection. Websocket是一种通信协议,可通过单个TCP连接提供全双工双向通信。 To understand Websockets, first, we have to have …

django3 websockets

一、概述 现在Django 3.0附带了对ASGI的支持&#xff0c;将Websockets添加到Django应用中不需要任何额外的依赖关系。 在本文中&#xff0c;您将学习如何通过扩展默认的ASGI应用程序来使用Django处理Websocket。 我们将介绍如何在示例ASGI应用程序中处理Websocket连接&#xff…

websockets_WebSockets简介

websockets WebSockets are an alternative to HTTP communication in Web Applications. WebSocket是Web应用程序中HTTP通信的替代方法。 They offer a long lived, bidirectional communication channel between client and server. 它们在客户端和服务器之间提供了长期的双…

尝试Python的websockets库的最基础功能

目标 尝试最简单的代码创建一个服务器并在客户端收发信息。 主要参考的是官方文档的首页&#xff1a;https://websockets.readthedocs.io/ &#xff08;还需要 asyncio 库的一些知识&#xff0c;可见之前的博客 翻译《使用asyncio的一个指南》作者&#xff1a;Andrew Crozier…

python使用websockets库

python使用websockets库 serve:在server端使用&#xff0c;等待客户端的连接。如果连接成功&#xff0c;返回一个websocket。 connect: 在client端使用&#xff0c;用于建立连接。 send:发送数据 recv:接收数据 close:关闭连接 服务端 #!/usr/bin/python3 # 主要功能&am…

什么是WebSockets!?

到目前为止&#xff0c;我们已经深入到实时世界&#xff0c;因为许多应用程序使用实时数据。 现在正是以技术立场解释所有导致这一点的事件的时候了。 所以&#xff0c;这里...... 目前&#xff0c;应用程序正在从利用数据库中的陈旧数据或在实际事件之后的实时体验中事…