解决uniapp编译后vendor.js文件过大（官方处理方案）

最新推荐文章于 2025-01-03 23:04:29 发布
最新推荐文章于 2025-01-03 23:04:29 发布
阅读量3.2w 收藏 19
点赞数 11
分类专栏： 工具 文章标签： uni-app 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34761385/article/details/119569732
版权
在uni-app开发微信小程序时遇到vendor.js文件超过500KB的问题，导致真机运行失败。官方建议通过hbuilderx的发行模式直接打包以避免体积过大。为了解决在开发工具中真机运行时的体积问题，可以参考官方文档提供的处理方式，对项目进行优化，减少依赖，或者使用构建优化工具来压缩和分割代码。
摘要由CSDN通过智能技术生成

uni-app开发微信小程序，真机运行发布时工具提示vendor.js超过500KB，已经跳过es6向es5转换。通过资源管理器中的显示发现是vendor.js文件过大，有1M多。

在hbuilderx编译时不知你们是否有注意过这一段提示 ：

 因为我们是运行模式，所以没有进行压缩代码，体积较大。理论上而言，如果要发布代码我们可以直接通过hbuilderx的 发行-》小程序-微信 即可。这样就不会出现体积过大无法打包的情况。

话又说回来，我们就喜欢在程序开发工具里发布代码，有时也遇到进行真机运行，所以还是得解决这个问题。关于这点，hbuilderx官方也提示了。

https://uniapp.dcloud.io/matter?id=vendorjs过大的处理方式

 

uniapp打包字节小程序提示vendor.js过大，怎么进行优化?
04-17 7705
此外，我们还可以通过使用tree shaking、按需引入等技术，对不必要的模块进行剔除，从而减小vendor.js的体积。同时，我们还可以使用uni-app的externals参数，将第三方库和框架从vendor.js中剔除，从而进一步减小vendor.js的体积。因此，我们需要进行优化。🌽 最后，我们需要注意的是，尽量避免在代码中直接引用第三方库和框架的全局变量或对象，而是通过import的方式引入，这样能够使tree shaking工具更好地识别出不需要的代码，从而减小vendor.js的体积。
UniApp开发的微信小程序主包过大问题及解决方案 编译小程序时Node-modules被打入主包
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
11-30 881
通过以上几种方法，开发者可以有效地解决UniApp编译小程序时，依赖被打入主包的问题，减小主包体积，确保小程序能够顺利上线。具体方法的选择取决于项目的实际情况，开发者可以根据自己的需求灵活使用。移动components和到子包目录：适用于依赖只在某些子包中使用的情况。使用排除：适用于需要排除整个目录的情况。在中配置子包优化：适用于项目中有多个子包需要优化的情况。
解决vue打包后vendor.js文件过大问题
10-16
主要介绍了解决vue打包后vendor.js文件过大问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
uniapp运行小程序发布时vendor.js文件过大处理
weixin_48193914的博客
12-05 405
uniapp运行小程序发布时vendor.js文件过大处理
记一次uniapp 打包发布到微信平台，vendor.js文件太大的优化历程
ALiMaMaYang的博客
01-05 5921
提示：大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死诶…好死不死,我接手了一个别的团队写的项目,他们在项目初期,并没有充分考虑分包的问题,而是在做的过程中,发现主包放不下了,才开始分包,然而这个时候,再开始分包,就麻烦多了。提示：以下是我改别人项目的历程,差点熬死给大家的建议和提示:1.大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死2.主包除了tab的这些类似必须的页面,其他统统放在分包3.在依赖第三方框架的时候,慎重选择,不要依赖体积太大的。
uniapp 解决主包过大问题(vendor文件过大，使用了echart或其他类似的大型组件)，已解决
qq_63189148的博客
07-17 3459
可以看到有一个无依赖代码文件数，可以通过这个找到无用的依赖代码，下面的是我删除之后的，删除之前有一个1mb大小的无用依赖，然后还删除了一些无用的代码，零零散散减少了几十kbok，现在大小来到3mb，还是不符合需求。分页之前，我们需要明确，哪些页面应该合在一起，尽可能使，分包内的页面只在自己包内使用组件，减少主包的组件，这样能够减少主包大小，而且最重要的一点，可以看到分包效果十分显著，主要的内存就是由echart依赖导致的，因此以后我们开发的时候一定要注意分包问题，以及大型依赖放入同一分包下的重要性。
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
热门推荐
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
01-22 3万+
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题 在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。
小程序：uniapp解决 vendor.js 体积过大的问题
snowball的博客
06-24 3万+
一、环境介绍uniapp + HBuilderX二、问题描述真机调试，提示包提交过大，不能生成二维码，后续上传代码更是不可能了 三、代码包体积优化代码包体积优化 | 微信开放文档3.1、图片等静态资源放到服务器上，小程序引用服务器文件地址（图片较多的话会节约大量的体积）。 项目仅保留了底部导航的icon。3.2、根据业务类型进行分包处理（分包后单一包的体积迅速减少）：使用分包 | 微信开放文档 3.3、运行时压缩代码 （体积减少很多，测试项目减少400多kb） 压缩前： 这几步骤下来代码体积到了：小于2
uni-app 解决打包微信小程序vendor.js过大
weixin_51070343的博客
05-14 2156
希望这篇博客能帮助到正在使用uni-app开发微信小程序并遇到相似问题的开发者。如果你有任何问题或者更好的解决方案，欢迎在评论区交流分享！
解决uni-app编译后vendor.js文件过大
weixin_44690156的博客
03-17 3059
GZIP GZIP是网站压缩加速的一种技术，用于优化用户体验，开启后可以加快我们web页面的打开速度，原理是经过服务器压缩，客户端浏览器快速解压的原理，可以大大减少了网站的流量。 1、摇树优化 摇树优化（Tree-Shaking），顾名思义，摇晃树干，将枯死无用的枝条摇掉，仅保留有用的树枝。对应到框架层面理解，就是一个框架的众多组件和API，可以按需使用，把未引用的框架部分裁剪掉。Tree-Shaking 最早由 Rollup 提出，属于死码删除的一种形式。 开启摇树优化的方式非常简单，只需要在manife
uniapp上传vendor.js代码包过大
cwb_2120的博客
05-19 1255
第二：很多时候vendor.js过大原因是子包的组件和js文件会被打包时，合并到了主包的vendor.js文件中。在HBuliderx —— manifest.json —— 源码视图 —— mp-weixin添加一下代码。第一：上传的时候尽量用发行上传，不要运行上传。对了，大家运行的时候尽量点击运行时压缩代码。
我想在微信开发者工具中用小程序原生js在index.js中引入一个经过uniapp编译后的vendor.js中的函数get11111get该怎么做
09-21
在微信小程序的开发环境中，如果你想在原生JS的index.js里使用UniApp编译后的vendor.js中的get11111get函数，可能需要额外处理，因为微信小程序和UniApp的开发框架并不完全兼容。不过，你可以尝试以下步骤： 1. **...
uniapp - 解决报错 TypeError: e[t] is not a function（Uniapp项目运行或打包编译时提示错误e[t] is not a function，全平台端均可搞定）
最新发布
高级前端工程师
01-03 6544
uniapp，报错，TypeError: e[t] is not a function，uniapp App端报错，Android端，苹果ios打包报错，运行报错，uniapp打包报错e[t] is not a function，无法运行提示错误，uniapp live-pusher直播推流，maps地图组件，uni-app live-pusher 报错TypeError: e[t] is not a function，uni-app maps报错TypeError: e[t] is not a funct
HBuilderX uniapp打包内存溢出解决放案.zip
05-20
uniapp项目体量过大时，打包H5会报错， - process out of memory 解决放案： 替换HBuildX内置\HBuilderX\plugins\node\node.exe版本 添加\HBuilderX\plugins\compile-node-sass\node_modules\node-sass-china\...
uniapp [微信小程序] - 解决报错 Page[pages/x] not found. May be caused by :1. Forgot to add page route in app.
王佳斌
09-03 1998
uni-app，微信小程序，uniapp微信小程序，真机测试警告，报错，警告，路由顺序，app.json，router路由报错，notfound.Maybecausedby:1.Forgottoaddpagerouteinapp.json.2.InvokingPage()inasynctask.，把hbuilderx升级到最新版还是不行，依旧不行，wechat微信小程序开发者工具提示警告如何解决，偶尔出现，时好时坏，页面刷新就报，苹果ios，安卓Android，真机调试
hbuilderx 小程序分包_【报Bug】uniapp 微信小程序自定义编译模式 直接选择分包页面 报错...
weixin_39843431的博客
12-22 622
详细问题描述在pages.json中进行分包配置 pages.json中自定义模式配置为分包中的某个页面 微信小程序IDE报错重现步骤1.在pages.json进行分包配置"subPackages": [{"root": "freeplanet","pages": [{"path": "list/list","style": {"enablePullDownRefresh": true}}, ...
uni-app 微信小程序vendor.js 过大的处理方式和分包优化
阿里巴啦的博客
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...
uniapp发布微信小程序vendor.js过大
System.o的博客
07-08 6602
1、分包加载，小程序限制一个包2M，可以分9个子包，整包共计不能超出20M，这一步很简单，如果看文档感觉枯燥的可以参考uview框架的demo，因为这个demo就使用了小程序的分包机制，demo链接（下载示例项目即可）：https://ext.dcloud.net.cn/plugin?id=1593 2、使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大引起主包超过2M 解决方案： 开启分包优化，打开manifest.
使用uniapp在打包微信小程序时主包和vendor.js过大（uniCloud的插件分包）
GRC__cheng的博客
01-04 2万+
这些页面默认都会在主包里，因为uni_modules是主包，所以该目录下的uni-id-pages和uni-im页面也会打包到主包里（主包里面的vendor.js会打包所有主包里面的页面与插件的js文件），所以导致了主包里面的vendor.js在分包打包后依旧过大。但是如果你的微信小程序在uni_modles下引入了非常多的uni插件，比如说：uni-id-pages,uni-im,uSearch,uni-pay等uni全家桶。通过vue语法，将所有的组件导入到所有的页面（为了方便）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

流情

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值