uniapp使用uview主包体积过大（面向微信小程序）

最新推荐文章于 2024-11-06 10:00:10 发布
最新推荐文章于 2024-11-06 10:00:10 发布
阅读量1.1w 收藏 27
点赞数 22
分类专栏： uniapp开发微信小程序 文章标签： 微信小程序 uni-app 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maowencai/article/details/126544528
版权

本人的是使用Hbuilder x进行的开发uniapp转微信小程序项目

使用前：

 

 使用后：

整个爱住~(｡≧3≦)ﾉ⌒☆！！！ 

友情提示 这个压缩可能会导致你代码热更新变慢，所以你开发的时候 不上传代码的时候 把这个勾东西关掉

我的86呢！
关注
专栏目录
uniapp微信小程序开发，如何解决打包太大无法预览发布的问题（uview）
SLife4599的博客
05-07 1万+
废话不多说，直接上解决方案。 我们经常用的解决方案有，分包，将图片上传到服务器上，减少插件引入。但是还有一个方案好多刚入门uniapp的人都给忽略了，就是在源码视图中配置，开启分包优化。 1.分包 目前微信小程序可以分8个包，每个包的最大存储是2M，也就是说你文件总体的大小不能超过16M，每个包的大小不能超过2M。下面是如何配置分包。 首先我们在和pages同级的位置创建新的文件夹，文件夹的名字随便命名，每分一个包就创建一个文件夹。如下图 然后在pages.json中配置分包路径 如下： { "pag
uni-app发布uview插件体积过大 发布不起
weixin_62312817的博客
04-19 1520
问题 uni-app开发小程序时打包上传时因为uview插件过大 （我是全局引入uview插件的）无法打包上传。在pages.json 写入"lazyCodeLoading":"requiredComponents"选择运行到小程序 -- 勾选运行时压缩代码。uni.scss没有用的的样式删除。在详情将本地设置如下勾选。
uniapp使用uview打包小程序过大解决办法
sinat_27082629的博客
07-26 5881
uniapp解决引入uview打包小程序过大
微信小程序引入uview后过大，或者本身的其他依赖导致过大，就可以使用分包，基于官方分包进行讲解
weixin_48817925的博客
04-10 2622
小程序超过2m，上传失败，分包操作
【uview UI】uniapp发布成 微信小程序 主包内 main.wxss 体积太大 解决方法
AAAXiaoApple的博客
12-07 1217
【uview UI】uniapp发布成 微信小程序 主包内 main.wxss 体积太大 解决方法
关于使用uview 代码体积过大导致微信小程序无法上传问题
lfeishumomol的博客
06-06 1616
ps:使用uview 最终都会被加载进主包,所以如果包的体积太大的话，尽量采用分包,减少包的体积。ps:平时不要打开这个选项，会导致项目的热部署变慢。
uniapp 解决主包过大问题(vendor文件过大，使用了echart或其他类似的大型组件)，已解决
qq_63189148的博客
07-17 2666
可以看到有一个无依赖代码文件数，可以通过这个找到无用的依赖代码，下面的是我删除之后的，删除之前有一个1mb大小的无用依赖，然后还删除了一些无用的代码，零零散散减少了几十kbok，现在大小来到3mb，还是不符合需求。分页之前，我们需要明确，哪些页面应该合在一起，尽可能使，分包内的页面只在自己包内使用组件，减少主包的组件，这样能够减少主包大小，而且最重要的一点，可以看到分包效果十分显著，主要的内存就是由echart依赖导致的，因此以后我们开发的时候一定要注意分包问题，以及大型依赖放入同一分包下的重要性。
微信小程序(uniapp + uView)自定义导航栏
02-29
微信小程序(uniapp + uView)自定义导航栏
使用uniapp + uView 打造微信小程序&H5端 在线教育网校系统.zip
12-13
"使用uniapp + uView 打造微信小程序&H5端 在线教育网校系统" 这个标题揭示了项目的核心技术栈和应用领域。uniapp是一个跨平台的开发框架，它允许开发者用一套代码同时构建iOS、Android、Web、微信小程序等多个平台...
使用uniapp和uview-ui创建项目（H5和微信小程序项目）
08-01
使用uniapp和uview-ui创建项目（H5和微信小程序项目） uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞...
研助助小程序，使用uniapp+uview开发的，兼容微信小程序、抖音小程序，快问快答机构版（源码）
08-16
研助助小程序，使用uniapp+uview开发的，兼容微信小程序、抖音小程序，快问快答机构版（源码），很好的资源！ 研助助小程序，使用uniapp+uview开发的，兼容微信小程序、抖音小程序，快问快答机构版（源码），很好的...
uniapp 微信小程序tabbar凸起的显示
08-25
`uniapp`是一个跨平台的开发框架，它允许开发者使用一套代码库来构建多端应用，包括微信小程序。在`uniapp`中处理微信小程序的tabbar凸起效果并确保其不闪烁，是一项技术性工作，涉及到CSS样式、事件处理以及可能的...
uniapp打包微信小程序体积过大
qq_35641191的博客
08-09 255
uniapp打包微信小程序体积过大
uniapp 微信小程序打包 vendor.js过大 导致打包超过2M
qq_36904182的博客
12-16 5440
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
使用uview打包qq小程序包过大
weixin_40918145的博客
08-03 3991
看下最终效果图 未处理前的效果图 使用了uview的案例打包出来的结果 问题出在哪里？ 问题就特么出现在官方给的案例 1、把pages里面官方的全部统统删掉 2、 3、勾选运行时自动压缩代码 问题解决 ...
uniApp 开发小程序 减少打包体积
m0_57547956的博客
09-24 2858
随着开发页面越来越多 . 部分的静态资源图片也越来越多 导致项目体积比较大 以下以微信小程序举例 限制了每个包的大小为2m 导致无法真机调试和发布 所以产生了一个问题 缩小代码体积 本人目前已知的办法有3个 1.在使用HBuilder X进行开发微信小程序时 可进行设置 压缩微信小程序代码体积 点击 HBuilder X 上方的 运行-> 运行到小程序模拟器 ->运行是是否压缩代码 勾选 实测 点击后 从3m+ 缩小到了 2m+ 主要缩小的是 vendor.js .
2023.05.09 Uni-App打包上传时所有组件库组件的内容变大
小龙跳动的博客
05-09 397
uni.scss improt 引入的样式文件，打包的时候会全局给所有组件都引入并打包，把uni.scss的 improt 引入的样式文件移到app.vue引入就行了。问题：小程序使用组件库u-view，uview压缩后占了700k。打开样式发现，每个组件都被加入了uni.scss。
Uniapp小程序端打包优化实践
织网的博客
01-30 1265
经过这一系列优化措施，我们的小程序包体积成功从原来的近3MB降低到约1.5MB，加载速度有了显著提升，用户反馈页面打开更加流畅，整体体验得到了极大改善。在我们最近开发的一款基于uniapp的小程序项目中，随着功能的不断丰富和完善，发现小程序包体积逐渐增大，加载速度也受到了明显影响。另外，考虑到WebP格式的高效率，将部分图片转换为WebP格式。鉴于主包体积接近微信小程序2MB的限制，我们将部分非首屏展示的功能模块（如用户中心、设置页等）迁移到子包中，实现按需加载，显著减少了首次加载时的数据传输量。
实现uniapp-微信小程序 搜索框+上拉加载+下拉刷新
最新发布
weixin_45776545的博客
11-06 797
"navigationBarTitleText": "消息",pages.json 中的配置。
怎么把uview-ui兼容到微信小程序啊
07-14
要将uview-ui兼容到微信小程序，你可以按照以下步骤进行操作： 1. 下载uview-ui的源代码，可以从uview官方的GitHub仓库获取。 2. 将下载的源代码解压，并将其放置在微信小程序项目的根目录下。 3. 在微信开发者工具中，打开小程序项目，并找到项目根目录下的app.json文件。 4. 在app.json文件中的"usingComponents"字段中添加uview-ui组件的配置。这些配置可以在uview-ui的官方文档中找到。 5. 在需要使用uview-ui组件的页面中，引入所需的组件。例如，在页面的json文件中添加对应组件的路径和名称。 6. 在页面的wxml文件中使用uview-ui组件，按照uview-ui的官方文档进行相应的使用。 通过以上步骤，你就可以将uview-ui兼容到微信小程序中了。记得根据uview-ui的文档来正确配置和使用组件，以确保能够正常显示和使用UI组件。
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值