uniapp&微信小程序主包/分包大小超过限制

一、开启分包
- 1.在pages.json文件中配置分包
- 2.在manifest.json文件中配置一下分包优化
二、以压缩方式运行
- 1.在pages.json文件的顶部配置一条运行脚本(不清楚实际有没有生效)
- 2.找到package.json文件
三、一些小建议
- 1.一些图片文档之类的静态资源尽量放在服务器上，通过请求来获取。
- 2.如果觉得把资源转移到服务器上麻烦，可以尝试用[tiny](https://tinify.cn/)来压缩png图片，对比原图看不出太大差别，图片的体积却减少很多，也能省出一些空间。
- 3.小程序调试工具的右上角点开详情，这些选项可以看着选，也是能节省出一些空间的。
四、最终的绝招
- 如果以上的招数都用了还是超体积，最后一招“打包”
- 1.建议先把dist目录删除再进行打包操作，避免资源堆积

一、开启分包

1.在pages.json文件中配置分包

"subPackages": [{"root": "pagesA","pages": [{"path": "add/add","style": {"navigationBarTitleText": "页面标题1","enablePullDownRefresh": false}},{"path": "edit/edit","style": {"navigationBarTitleText": "页面标题2","enablePullDownRefresh": false}},]},{"root": "pagesB","pages": [{"path": "select/select","style": {"navigationBarTitleText": "页面标题1","enablePullDownRefresh": false}},{"path": "del/del","style": {"navigationBarTitleText": "页面标题2","enablePullDownRefresh": false}},]}
]

2.在manifest.json文件中配置一下分包优化

/* 小程序特有相关 */"mp-weixin" : {"appid" : "xxxxxx","setting" : {"urlCheck" : false,"postcss" : true,"minified" : true,"es6" : true},"permission" : {"scope.userLocation" : {"desc" : "你的位置信息将用于小程序定位"}},"usingComponents" : true,/* 分包优化vendor.js */"optimization" : {"subPackages" : true},"runmode" : "liberate" // 开启分包优化后，必须配置资源释放模式},

使用分包可以减轻主包的体积 (注意每个分包也是不能超过2MB的)

二、以压缩方式运行

1.在pages.json文件的顶部配置一条运行脚本(不清楚实际有没有生效)

"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",

2.找到package.json文件

"scripts": {"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build","dev:mp-weixin-mini": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize",
}

运行npm run dev:mp-weixin是没有压缩的
运行npm run dev:mp-weixin-mini是会自动压缩的
带mini的这条命令是自己加上去的，也可以加其他的(最主要的就是 --watch --minimize)进行了压缩

三、一些小建议

1.一些图片文档之类的静态资源尽量放在服务器上，通过请求来获取。

2.如果觉得把资源转移到服务器上麻烦，可以尝试用tiny来压缩png图片，对比原图看不出太大差别，图片的体积却减少很多，也能省出一些空间。

3.小程序调试工具的右上角点开详情，这些选项可以看着选，也是能节省出一些空间的。

四、最终的绝招

如果以上的招数都用了还是超体积，最后一招“打包”

1.建议先把dist目录删除再进行打包操作，避免资源堆积

运行npm run build:mp-weixin进行打包

打包后小程序开发工具重新导入文件夹，路径一般是 dist\build\mp-weixin
打开后发现体积又减小了

以上是我遇到过的问题，记录下来，仅供参考，欢迎大佬在评论区分享更多的方法。

小程序包大小超过限制相关推荐

crmeb 小程序包大小超过2M的解决方法
微信限制了小程序的代码包不能超过2MB,这主要是出于对小程序启动速度的考虑.但是,2MB 的大小也限制了小程序功能的扩展,如果大小超出了2MB该如何解决呢? 优化代码,删除掉不用的代码图片压缩或者上 ...
解决uniapp小程序打包体积超过2M，提示包体积超过2M，“main packagexxx”,不给上传和预览的解决办法，绝对有效
解决办法,原文地址: 解决uniapp小程序打包体积超过2M,提示包体积超过2M,"main packagexxx",不给上传和预览的解决办法,绝对有效!在微信小程序开发中,为了解 ...
微信小程序坑点杂谈（五）1000比200小？光速解决小程序数值大小判断错误的问题
微信小程序坑点杂谈(五)光速解决小程序数值大小判断错误的问题一.写在开头本人只是一枚小小的新手开发者,所提的问题和解答很难超过个人水平,如果对你有帮助,那就太好了! 二.发现问题我个人前些天写一 ...
小程序包体积压缩优化，下降500k起步
由于公司小程序包体积过大,已经达到1.9m了,微信定义小程序单个代码包(主包/分包)上限为2m,所以小程序该减肥了如果你按我的步骤都做了,体积没有减少,ok,来打我文章目录第一步:最直接的方式 ...
通过安卓手机，获取微信小程序包进行反编译方法
要求安装Nodejs 一台root后的安卓手机或者装有可以打开微信小程序的安卓模拟器一个敢于折腾的耐心准备安装反编译工具 [推荐]方法一:你可以通过git clone将它存在本地 git cl ...
Fiddler爬取抓包（网页及小程序包）
前言: 关于抓包的工具比较多,如: Charles : Fiddler : Wireshark:BurpSuite (常用).今天演示讲解Fiddler抓包工具. 下载Fiddler Classic ...
如何获取微信小程序包
下载一个夜神模拟器并在模拟器中下载微信打开并登陆微信,访问小程序等小程序加载完成则可以获取微信小程序的pak包打开Amaze 文件管理点击文件根目录依次访问 data/data/com.t ...
当前提审小程序包中可能包含明文的AppSecret，解决办法
审核不通过 1:小程序功能不符合规则: (1):你好,当前提审小程序包中可能包含明文的AppSecret,存在泄漏的安全风险.一旦被恶意用户通过技术手段获取你的AppSecret,对方可以通过调用AP ...
windows模拟微信小程序_【原创】PC微信小程序包解密工具C#版无需root或模拟器
本帖最后由 daimaguo 于 2020-12-25 10:18 编辑提示:鉴于有网友回复不知道干什么用的,因此有必要重新修改一次,写上完整的使用说明,说白了就是获取线上小程序源码的辅助工具,电脑 ...
搜索编程的艺术之C#实现微信小程序包解密
目的:C#实现小程序包wxapkg文件解密算法. 工具:vs2015+百度 .net版本选择2.0(环境依赖低) 备注:已知有python版本,有点重复造轮子.但exe的不用其它依赖,双击打开就能用岂 ...

小程序包大小超过限制