uniapp打包微信小程序主包过大问题

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

微信小程序包体积限制:主包资源大小不能超过20M(主包 + 分包),单个分包大小不能超过2M

问题:
在用uniapp打包微信小程序时提示文件超过了2M不让上传,主包中的vendor.js太大1.7M有的甚至更大,
uniapp 微信小程序时主包太大和vendor.js过大,uni-app,微信小程序,uni-app,javascript

uniapp 微信小程序时主包太大和vendor.js过大,uni-app,微信小程序,uni-app,javascript
解决:

  1. 在HbuildX中运行时勾选上运行压缩
    uniapp 微信小程序时主包太大和vendor.js过大,uni-app,微信小程序,uni-app,javascript
  2. 在微信开发者工具中上传时勾选上上传压缩
    uniapp 微信小程序时主包太大和vendor.js过大,uni-app,微信小程序,uni-app,javascript
  3. 在manifest.json中检查分包配置是否开启。
    uniapp 微信小程序时主包太大和vendor.js过大,uni-app,微信小程序,uni-app,javascript
"optimization" : {
    "subPackages" : true
}

一般情况下配置这三个地方就可以解决问题了,如果打包的还是太大,可以参考UniCloud插件分包文章来源地址https://www.toymoban.com/news/detail-850350.html

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

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

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

相关文章

  • 四个方法解决uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题

    在uniapp开发小程序这一块,相信很多开发者都遇到过代码体积太大无法打包的问题,还有vendor.js过大无法打包。这时候就要优化小程序包大小。下面分享一下我在实际项目中使用的方法,并解决了相应的问题,这里是我的解决思路。小伙伴们也可以根据自身情况,参考一下。

    2024年01月24日
    浏览(84)
  • uniapp使用uview主包体积过大(面向微信小程序)

    本人的是使用Hbuilder x进行的开发uniapp转微信小程序项目 使用前:    使用后: 整个爱住~(。≧3≦)ノ⌒☆!!!  友情提示 这个压缩可能会导致你代码热更新变慢,所以你开发的时候 不上传代码的时候 把这个勾东西关掉

    2024年02月11日
    浏览(65)
  • 微信小程序中使用字体图标,解决字体图标包过大的问题

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

    2024年02月12日
    浏览(84)
  • 微信小程序中主包和分包过大,详解分包问题

    哈喽,大家好呀!小韵携原创博文给大家请安啦! 前言 :开发微信小程序时,若项目比较大,必定要分包,当项目过于大时,则需要细致、谨慎地对项目进行分包优化和精简,这是一个不可避免地问题,网上的大多数分包优化都是针对于小项目的普通官方分包优化,并未将

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

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

    2024年02月10日
    浏览(51)
  • 微信小程序上传体积压缩包过大分包操作

    1:首先我们得从项目最初阶段就得考虑项目是否要进行分包操作,如果得分包,我们应该创建一个与pages同级的文件夹,命名可以随意 2:第二部我们将需要分包的文件和页面放到分包文件夹里面subpage,这里我们得注意,我们进行分包的资源文件尽量是我们项目不是经常用到的

    2024年02月11日
    浏览(51)
  • 小程序:uniapp解决主包体积过大的问题

    已经分包但还是体积过大 运行时勾选“运行时是否压缩代码”进行压缩 在 manifest.json 配置(开启分包优化) 在 app.json 配置(设置组件按需注入)

    2024年02月07日
    浏览(49)
  • 微信小程序:uniapp解决上传小程序体积过大的问题

    在昨天的工作中遇到了一个微信小程序上传代码过大的情况,在这里总结一下具体的解决步骤,首先介绍一下,技术栈是使用uniapp框架+HBuilderX的开发环境。 错误提示 真机调试,提示包提交过大,不能正常生成二维码,后续上传代码更是不可能了,减少包中的体积顺着这条思

    2024年02月03日
    浏览(63)
  • uniapp开发小程序,包过大解决方案

    目前我所了解的包过大解决方案有。 1、小程序用字体图标,不引入静态图片。大部分都要后台转成动态图片渲染 2、利用分包,在项目开始做前就要思考哪些用作分包,免得后期更改麻烦 \\\"mp-weixin\\\": { \\\"optimization\\\":{\\\"subPackages\\\":true} } 优化分包: 在对应平台的配置(manifest.json)下添

    2024年02月10日
    浏览(56)
  • 关于uniapp开发h5,前端字体包过大的问题

    ui给的字体包足足23.52M,还让前端压缩,让人头大…… 我在网上找了好久,这篇文章比较靠谱,但是讲的并不仔细,文章链接: 第一步:下载安装压缩工具、没有问题 npm install -g font-spider ttc2ttf @hayes0724/web-font-converter 第二步:字体文件转换为ttf格式 # 源字体文件 otf 格式 ,注

    2024年01月21日
    浏览(90)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包