微信小程序:uniapp解决上传小程序体积过大的问题

这篇具有很好参考价值的文章主要介绍了微信小程序:uniapp解决上传小程序体积过大的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

概述

在昨天的工作中遇到了一个微信小程序上传代码过大的情况,在这里总结一下具体的解决步骤,首先介绍一下,技术栈是使用uniapp框架+HBuilderX的开发环境。

错误提示

微信小程序超过2048kb无法上传代码,小程序,微信小程序,uni-app

真机调试,提示包提交过大,不能正常生成二维码,后续上传代码更是不可能了,减少包中的体积顺着这条思路去解决问题。

1.静态图片资源改变成网络请求的方式
我们使用的初衷是,把图片加载在static本地,缓存在本地,以便提升更快的响应速度,第一步剥离大的图片更换成网络请求。

微信小程序超过2048kb无法上传代码,小程序,微信小程序,uni-app

2.对小程序进行分包

小程序主包最大可以加载到1.5M,加载所有的依赖和插件不能大于2M,小程序中有个解决办法是对小程序进行分包处理,使每个包保持在2M的大小,主包和分包之间直接进行跳转,分包和分包不能跳转。

"optimization" : {
    "subPackages" : true
},

进行了拆包还是没有解决问题,分包的作用主要运行的是代码,也就是说代码要尽量的小,多了需要进行分解。

3.压缩vendor.js

昨天真正的定位问题是vendor.js 1.88M ,小程序开发代码工具-详情-代码依赖分析中查看,解决vendor.js才是根本的解决之道。

使用HBuilderX打包上传来解决问题,HBuilderX -> 发行 -> 小程序(微信),操作的过程失败了一次,是因为需要注意的是需要绑定开发者后台的地方,开发管理->开发设置->小程序代码上传下载小程序代码上传密钥和绑定IP白名单,这个需要管理员同意。

最后包的体积从12.88M压缩到了4.16M,问题得以解决。

微信小程序超过2048kb无法上传代码,小程序,微信小程序,uni-app文章来源地址https://www.toymoban.com/news/detail-768410.html

到了这里,关于微信小程序:uniapp解决上传小程序体积过大的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序中使用字体图标,解决字体图标包过大的问题

    在微信小程序开发中,我们经常使用字体图标来美化界面和展示各种功能。然而,当我们的小程序主包大小超过2M时,可能会遇到一个问题:字体图标的文件很大,导致整个包的大小超出了限制。为了解决这个问题,我们可以使用wx.loadFontFace方法来远程加载字体图标。 步骤一

    2024年02月12日
    浏览(83)
  • 【taro react】---- 解决开发环境微信小程序由于主包体积过大不能预览问题

    1. 开发环境代码包大小 注意:可以看到此时主包加分包将近 5MB,上传预览将会超出限制!!! 2. 预览结果 报错:代码包大小超过限制,主包资源近3MB,限制最大2MB!!! 3. 解决办法 使用webpack的压缩插件,在开发环境编译的时候进行压缩; 进行分包处理,同时依赖也进行

    2024年02月10日
    浏览(51)
  • uniapp编译微信小程序主包过大无法上传进行分包优化步骤

    uniapp编译微信小程序主包过大无法上传进行分包优化步骤: 首先是在uniapp项目中的 manifest.json 文件中找到 源码视图 ,进去之后在微信小程序相关 mp-weixin 之下进行开启分包优化的相关配置: 开始新建项目目录,新建一个跟pages同等级的文件夹,然后把想要分包的文件 先复制

    2024年02月11日
    浏览(56)
  • uniapp打包微信小程序,包过大解决

    微信小程序每个分包的大小是2M,总体积一共不能超过20M。 字节小程序每个分包的大小是2M,总体积一共不能超过16M(字节小程序基础库 1.88.0 及以上版本开始支持,字节小程序开发者工具请使用大于等于 2.0.6 且小于 3.0.0 的版本)。 在对应平台的配置下添加 \\\"optimization\\\":{\\\"su

    2024年02月08日
    浏览(76)
  • uniapp分包,小程序分包处理 ,小程序发布包体积过大解决方案

    分包就是把一个完整的小程序项目,按照需求划分为不同的子包,构建的时候打包城不同的分包,按需加载 1、 可以减少小程序首次启动的下载时间 2、 可以多人开发中更好的解耦协作 3、 小程序发布主包体积过大 1、 整个小程序,主包加分包不能超过20M,单个包不能超过2M,主包也

    2024年02月04日
    浏览(48)
  • uni-app 微信小程序vendor.js 过大的处理方式和分包优化

    小程序工具提示vendor.js过大,已经跳过es6向es5转换。这个转换问题本身不用理会,因为vendor.js已经是es5的了。 关于体积控制,参考如下: 使用运行时代码压缩 HBuilderX创建的项目勾选运行–运行到小程序模拟器–运行时是否压缩代码 cli创建的项目可以在 package.json 中添加参数

    2024年02月11日
    浏览(76)
  • uniapp打包微信小程序主包过大问题

    微信小程序包体积限制:主包资源大小不能超过20M(主包 + 分包),单个分包大小不能超过2M 问题: 在用uniapp打包微信小程序时提示文件超过了2M不让上传,主包中的 vendor.js 太大1.7M有的甚至更大, 解决: 在HbuildX中运行时勾选上运行压缩 在微信开发者工具中上传时勾选上上

    2024年04月13日
    浏览(70)
  • 小程序内容安全检测图片过大的解决方法

    目前微信官方对小程序的内容安全审核越发严格,几乎只要涉及到输入框或者图片选择按钮都需要接入内容安全审核,不然都没办法通过审核。文本检测很简单,只要将文字直接提交到云端进行检测就可以了,但是在接入图片的时候总会有一些问题。 今天主要说一下图片审核

    2024年02月03日
    浏览(55)
  • 使用uniapp在打包微信小程序时主包和vendor.js过大(uniCloud的插件分包)

    正常的的微信小程序在编译后,主包应保持在2MB左右(限制最大2MB),其余的文件通过分包来进行加载  但是有的情况下,微信小程序的主包能达到3MB,vendor.js会达到1.5MB 当你发现的你的微信vendor.js只有1个文件夹,且这个文件非常大时,首先需要检查 manifest.json 在这个文件夹

    2024年02月02日
    浏览(72)
  • uniApp 生成微信小程序图片上传提示 fail url not in domain list 的解决方法

    uniApp 生成微信小程序,获取内容程序不报错,但是图片上传提示 fail url not in domain list 错误。 微信小程序:服务器域名配置 每个微信小程序需要事先设置通讯域名,小程序只可以跟指定的域名进行网络通信。包括普通 HTTPS 请求(wx.request)、上传文件(wx.uploadFile)、下载文

    2024年02月16日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包