uniapp上传vendor.js代码包过大

最新推荐文章于 2025-03-12 10:01:55 发布
最新推荐文章于 2025-03-12 10:01:55 发布
阅读量1.3k 收藏 1
点赞数 1
文章标签： javascript uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cwb_2120/article/details/130761099
版权
博客主要围绕uni-app开发给出建议。上传时建议用发行上传而非运行上传；针对vendor.js过大问题，指出是子包组件和js文件打包时合并到主包vendor.js所致，可在HBuliderx的manifest.json源码视图的mp - weixin添加代码解决，还建议运行时压缩代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第一：上传的时候尽量用发行上传，不要运行上传

 

第二：很多时候vendor.js过大原因是子包的组件和js文件会被打包时，合并到了主包的vendor.js文件中

在HBuliderx —— manifest.json —— 源码视图 —— mp-weixin添加一下代码

"optimization": {
	"subPackages": true
 }

 即可解决！

对了，大家运行的时候尽量点击运行时压缩代码

 

贪吃蛇2120
关注
uniapp打包字节小程序提示vendor.js过大，怎么进行优化?
欢迎来到瑆箫博客，专为程序员和编程爱好者打造的技术博客。我们分享编程语言趋势、开发工具、编程哲学、职业发展等，助你掌握新技术，优化技能，激发编程热情。
04-17 8411
此外，我们还可以通过使用tree shaking、按需引入等技术，对不必要的模块进行剔除，从而减小vendor.js的体积。同时，我们还可以使用uni-app的externals参数，将第三方库和框架从vendor.js中剔除，从而进一步减小vendor.js的体积。因此，我们需要进行优化。🌽 最后，我们需要注意的是，尽量避免在代码中直接引用第三方库和框架的全局变量或对象，而是通过import的方式引入，这样能够使tree shaking工具更好地识别出不需要的代码，从而减小vendor.js的体积。
mpvue引入echarts之后vendor.js文件过大
呱呱的博客
05-24 2094
在build/webpack.base.conf.js下添加： var UglifyJsPlugin = require('uglifyjs-webpack-plugin') new UglifyJsPlugin({ sourceMap: true }) 完整代码 var utils = require('./utils') var webpack = requir...
uniapp 打包发布到微信平台，分包后vendor.js文件依旧很大问题解决
最新发布
weixin_55003458的博客
03-12 863
在 uni-app 开发过程中，随着项目功能不断丰富，引入的第三方库和插件逐渐增多。当进行编译时，会发现生成的 vendor.js 文件体积变得异常庞大。这不仅会导致应用在加载时耗费更多时间，增加用户等待成本，严重影响用户体验，还可能在一些网络环境较差的情况下，出现加载失败等问题。
uni-app 解决打包微信小程序vendor.js过大
weixin_51070343的博客
05-14 2502
希望这篇博客能帮助到正在使用uni-app开发微信小程序并遇到相似问题的开发者。如果你有任何问题或者更好的解决方案，欢迎在评论区交流分享！
uniapp 微信小程序打包之后vendor.js 主包体积太大，解决办法，“subPackages“:true设置不生效
m0_71835253的博客
02-24 1477
设置完 "subPackages":true vendor.js 打包之后还是全部分到了主包里面，网上的方法有很多，找了半天。我的tabBar页面有 echarts 优化的空间有限， 如果后面新增页面只能分node_modules的包了。1. 通过发行 小程序打包 这样打包的体积是最小的，打包之后打开微信开发工具，然后再上传。2.node_modules里面的安装的包目前只会打包到 主包的vender.js中。现在是打包的时候，vendor.js 的内容全部打到了主包里面，
uniapp打包微信小程序verndor.js过大解决方案
qq_45808741的博客
12-22 513
uniapp打包微信小程序verndor.js过大解决方案
小程序：uniapp解决 vendor.js 体积过大的问题
snow的博客
06-24 3万+
一、环境介绍uniapp + HBuilderX二、问题描述真机调试，提示包提交过大，不能生成二维码，后续上传代码更是不可能了 三、代码包体积优化代码包体积优化 | 微信开放文档3.1、图片等静态资源放到服务器上，小程序引用服务器文件地址（图片较多的话会节约大量的体积）。 项目仅保留了底部导航的icon。3.2、根据业务类型进行分包处理（分包后单一包的体积迅速减少）：使用分包 | 微信开放文档 3.3、运行时压缩代码 （体积减少很多，测试项目减少400多kb） 压缩前： 这几步骤下来代码体积到了：小于2
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
热门推荐
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
01-22 3万+
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题 在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。
记一次uniapp 打包发布到微信平台，vendor.js文件太大的优化历程
ALiMaMaYang的博客
01-05 6865
提示：大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死诶…好死不死,我接手了一个别的团队写的项目,他们在项目初期,并没有充分考虑分包的问题,而是在做的过程中,发现主包放不下了,才开始分包,然而这个时候,再开始分包,就麻烦多了。提示：以下是我改别人项目的历程,差点熬死给大家的建议和提示:1.大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死2.主包除了tab的这些类似必须的页面,其他统统放在分包3.在依赖第三方框架的时候,慎重选择,不要依赖体积太大的。
使用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语法，将所有的组件导入到所有的页面（为了方便）
解决uniapp编译后vendor.js文件过大（官方处理方案）
qq_34761385的博客
08-10 3万+
uni-app开发微信小程序，真机运行发布时工具提示vendor.js超过500KB，已经跳过es6向es5转换。通过资源管理器中的显示发现是vendor.js文件过大，有1M多。 在hbuilderx编译时不知你们是否有注意过这一段提示 ： 因为我们是运行模式，所以没有进行压缩代码，体积较大。理论上而言，如果要发布代码我们可以直接通过hbuilderx的 发行-》小程序-微信 即可。这样就不会出现体积过大无法打包的情况。 话又说回来，我们就喜欢在程序开发工具里发布代码，有时也遇到进行真机运..
使用vue打包时vendor文件过大或者是app.js文件很大的问题
12-09
第一次使用vue2.0开发，之前都是用的angular1.x。在使用vue-cli脚手架打包后（UI用的Element-ui），发现vendor文件很大，将近1M左右。。后来翻阅资料才明白，原来webpack把所有的库都打包到了一起，导致文件很大。 我的解决办法：   1、把不常改变的库放到index.html中，通过cdn引入，比如下面这样： 然后找到build/webpack.base.conf.js文件，在 module.exports = { } 中添加以下代码 externals: { 'vue': 'Vue', 'vue-router': 'VueRouter',
uniapp: vite配置rollup-plugin-visualizer进行小程序依赖可视化分析减少vender.js大小
q1003675852的博客
11-16 1606
本文主要记录uniapp: vite配置rollup-plugin-visualizer进行小程序依赖可视化分析减少vender.js大小
vue-cli打包 vendor文件 或app.js文件 过大
技术改变世界
10-15 1747
使用vue-cli脚手架打包后（UI使用的是Element-UI），发现vendor.js 文件很大，将近5M之多。文件 过大会导致浏览器加载过慢，及其影响用户的体验。下面提供几种方式来解决此问题 把不常改变的库放到index.html中，通过cdn引入比如 中间会发现bootcss提供的cdn并不稳定，老是访问不了导致项目崩溃，这里推荐两个比较稳定的 CDN jsdelivr 和 unpk...
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 6747
1、分包加载，小程序限制一个包2M，可以分9个子包，整包共计不能超出20M，这一步很简单，如果看文档感觉枯燥的可以参考uview框架的demo，因为这个demo就使用了小程序的分包机制，demo链接（下载示例项目即可）：https://ext.dcloud.net.cn/plugin?id=1593 2、使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大引起主包超过2M 解决方案： 开启分包优化，打开manifest.
解决uni-app编译后 vendor.js 文件过大
xiaoyuer_2020的博客
04-12 1万+
前景 采用uni-app开发的微信小程序，发布时工具提示vendor.js过大，已经跳过es6向es5转换。查看后发现编译后代码中common/vendor.js已超过500k，所以需要体积控制。 HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码 使用cli创建的项目，可以在pacakge.json中添加参数–minimize，示例：“dev:mp...
uniapp 解决主包过大问题(vendor文件过大，使用了echart或其他类似的大型组件)，已解决
qq_63189148的博客
07-17 4337
可以看到有一个无依赖代码文件数，可以通过这个找到无用的依赖代码，下面的是我删除之后的，删除之前有一个1mb大小的无用依赖，然后还删除了一些无用的代码，零零散散减少了几十kbok，现在大小来到3mb，还是不符合需求。分页之前，我们需要明确，哪些页面应该合在一起，尽可能使，分包内的页面只在自己包内使用组件，减少主包的组件，这样能够减少主包大小，而且最重要的一点，可以看到分包效果十分显著，主要的内存就是由echart依赖导致的，因此以后我们开发的时候一定要注意分包问题，以及大型依赖放入同一分包下的重要性。
我想在微信开发者工具中用小程序原生js在index.js中引入一个经过uniapp编译后的vendor.js中的函数get11111get该怎么做
09-21
在微信小程序的开发环境中，如果你想在原生JS的index.js里使用UniApp编译后的vendor.js中的get11111get函数，可能需要额外处理，因为微信小程序和UniApp的开发框架并不完全兼容。不过，你可以尝试以下步骤： 1. **确保uniapp编译后的代码适配**: 确保uniapp编译后的代码能正常在小程序环境下运行，这意味着get11111get函数应该是一个全局可访问的函数，或者已经被导出并提供给全局命名空间。 2. **手动复制函数**: 如果uniapp的vendor.js是全局可用的，你可以在index.js文件开始处复制粘贴这个函数的完整定义。 3. **动态脚本引入**: 如果函数不在全局作用域，试着动态加载包含get11111get的script标签，但这可能会有兼容性和安全性风险： ```javascript var scriptEl = new HTMLScriptElement(); scriptEl.src = 'uniapp_vendor.js'; scriptEl.onload = function () { window.get11111get = this.get11111get; // 假设函数在uniapp_vendor.js中名为get11111get }; document.head.appendChild(scriptEl); ``` 4. **检查错误提示**: 如果仍然无法成功，检查微信开发者工具的日志，看是否有关于函数未定义或其他兼容性问题的报错信息。 5. **咨询uniapp社区**: 如果问题依然存在，建议查看uniapp的文档或者在uniapp相关的论坛或群里寻求帮助，因为这可能是由uniapp编译过程产生的特定问题。 注意，如果你是在uniapp项目中开发，最好还是按照uniapp的规范进行模块管理和函数封装，以便在小程序中更好地组织代码。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值