uniapp上传vendor.js代码包过大

最新推荐文章于 2024-05-30 09:20:31 发布
最新推荐文章于 2024-05-30 09:20:31 发布
阅读量858 收藏 1
点赞数 1
文章标签： javascript uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cwb_2120/article/details/130761099
版权

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

 

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

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

"optimization": {
	"subPackages": true
 }

 即可解决！

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

 

贪吃蛇2120
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
uniapp打包字节小程序提示vendor.js过大，怎么进行优化?
04-17 6086
此外，我们还可以通过使用tree shaking、按需引入等技术，对不必要的模块进行剔除，从而减小vendor.js的体积。同时，我们还可以使用uni-app的externals参数，将第三方库和框架从vendor.js中剔除，从而进一步减小vendor.js的体积。因此，我们需要进行优化。🌽 最后，我们需要注意的是，尽量避免在代码中直接引用第三方库和框架的全局变量或对象，而是通过import的方式引入，这样能够使tree shaking工具更好地识别出不需要的代码，从而减小vendor.js的体积。
uniapp 微信小程序打包 vendor.js过大 导致打包超过2M
qq_36904182的博客
12-16 5239
1、分包加载，小程序限制一个包2M，可以分9个子包，整包共计不能超出20M，这一步很简单，如果看文档感觉枯燥的可以参考uview框架的demo，因为这个demo就使用了小程序的分包机制，demo链接（下载示例项目即可）：https://ext.dcloud.net.cn/plugin?id=1593 2、使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大引起主包超过2M 解决方案： 开启分包优化，打开manifest.jso
uni-app发布uview插件体积过大 发布不起
weixin_62312817的博客
04-19 1264
问题 uni-app开发小程序时打包上传时因为uview插件过大 （我是全局引入uview插件的）无法打包上传。在pages.json 写入"lazyCodeLoading":"requiredComponents"选择运行到小程序 -- 勾选运行时压缩代码。uni.scss没有用的的样式删除。在详情将本地设置如下勾选。
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
最新发布
05-30 3513
在main.js页面定义js全局变量// 背景图片路径。
uni-app 微信小程序vendor.js 过大的处理方式和分包优化
xiexikk的博客
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过大（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语法，将所有的组件导入到所有的页面（为了方便）
基于vue-cli npm run build之后vendor.js文件过大的解决方法
10-17
今天小编就为大家分享一篇基于vue-cli npm run build之后vendor.js文件过大的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
小程序：uniapp解决 vendor.js 体积过大的问题
热门推荐
snowball的博客
06-24 2万+
一、环境介绍uniapp + HBuilderX二、问题描述真机调试，提示包提交过大，不能生成二维码，后续上传代码更是不可能了 三、代码包体积优化代码包体积优化 | 微信开放文档3.1、图片等静态资源放到服务器上，小程序引用服务器文件地址（图片较多的话会节约大量的体积）。 项目仅保留了底部导航的icon。3.2、根据业务类型进行分包处理（分包后单一包的体积迅速减少）：使用分包 | 微信开放文档 3.3、运行时压缩代码 （体积减少很多，测试项目减少400多kb） 压缩前： 这几步骤下来代码体积到了：小于2
uniapp打包微信小程序verndor.js过大解决方案
qq_45808741的博客
12-22 365
uniapp打包微信小程序verndor.js过大解决方案
记一次uniapp 打包发布到微信平台，vendor.js文件太大的优化历程
ALiMaMaYang的博客
01-05 3633
提示：大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死诶…好死不死,我接手了一个别的团队写的项目,他们在项目初期,并没有充分考虑分包的问题,而是在做的过程中,发现主包放不下了,才开始分包,然而这个时候,再开始分包,就麻烦多了。提示：以下是我改别人项目的历程,差点熬死给大家的建议和提示:1.大家用uniapp做项目的初期,一定首先考虑分包问题,要不然后期会麻烦死2.主包除了tab的这些类似必须的页面,其他统统放在分包3.在依赖第三方框架的时候,慎重选择,不要依赖体积太大的。
解决vue打包后vendor.js文件过大问题
10-16
主要介绍了解决vue打包后vendor.js文件过大问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
vue常用的dll.vendor.js类
08-19
vue中我们通常会使用的dll.vendor.js类，用于解决打包中遇到的问题
vue中常用的vendor.js
08-19
在使用vue的过程中，通常我们都会用到的一个vendor打包类
uniapp打包微信小程序，包过大解决
qunbook-设计与数据的介乎额
02-21 3912
微信小程序每个分包的大小是2M，总体积一共不能超过20M。字节小程序每个分包的大小是2M，总体积一共不能超过16M.
uniapp打包微信小程序主包过大问题
jieyucx的博客
04-19 2746
一般情况下配置这三个地方就可以解决问题了，如果打包的还是太大，可以参考。在用uniapp打包微信小程序时提示文件超过了2M不让上传，主包中的。太大1.7M有的甚至更大，
uniapp发布微信小程序vendor.js过大
System.o的博客
07-08 6280
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发布微信小程序包太大
weixin_39559449的博客
12-31 1266
直接说总结 分包处理 建议项目前期如果可以评估大小就开始做分包开发，以防到后期打包发布的时候发现超了，这时候做分包处理，其实改动蛮大的，会涉及到项目架构的调整，还有页面内导航的跳转链接修改 参考链接 压缩vendor.js文件 打包之后，这个文件里面会很大，里面是各种项目依赖文件，我有5MB ,就一个这个文件就直接超了小程序上限了。。。。。。分包之后还有3MB，所以需要压缩处理 参考链接 图片不要放在本地，全部改为链接加载 stattic里图片等静态资源可以.
vendor.js太大
05-24
"vendor.js" 是指在前端开发中用于打包第三方库或框架的文件。如果这个文件太大，可能会对网页加载速度产生负面影响。 有几种方法可以减小 "vendor.js" 文件大小： 1. 只导入需要的模块：只导入你的项目中需要使用的库或框架，而不是将整个库或框架全部导入。 2. 代码优化：优化代码结构，删除冗余代码，压缩代码等。 3. 使用 CDN：使用 CDN 来加载第三方库或框架，这样可以减小文件大小并提高加载速度。 4. 按需加载：将第三方库或框架的部分代码按需加载，而不是一次性加载全部代码。 5. 代码分割：将第三方库或框架的代码分割成多个文件，只加载需要的部分。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值