解决uniapp 小程序 vendor.js过大 大于500K 无法转换ES5问题

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

项目页面147个,编译后的vendor.js大小2.4M,导致无法正常转换ES5,导致sourcemap下载后都是分号;;;;;, 无法定位线上错误日志的文件位置.

第一步是最重要的,非核心页面做分包处理分包处理文档,然后在manifest.json文件中进行如下配置,这样打包的时候只有主包页面会打包到vendor.js内

manifest.json

    "mp-weixin": {
        "optimization": {
            "subPackages": true
        }
    }

第二步:使用jscompress等工具进行二次压缩

最终成功将vendor.js缩小到160K,成功转换为ES5文章来源地址https://www.toymoban.com/news/detail-597597.html

到了这里,关于解决uniapp 小程序 vendor.js过大 大于500K 无法转换ES5问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案

    前言 顾名思义, chunk-vendors.js 是捆绑所有不是自己的模块,而是来自其他方的模块的捆绑包,它们称为第三方模块或供应商模块。 通常,它意味着(仅和)来自项目 /node_modules 目录的所有模块,会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。 将所有的第三方包集

    2024年02月16日
    浏览(57)
  • uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接

    安装插件 compression-webpack-plugin 安装webpack 新建web.config.js

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

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

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

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

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

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

    2024年02月08日
    浏览(76)
  • uniapp使用uview打包小程序过大解决办法

    第一次用遇到了这个问题,查了很久以为是uview的问题,后来发现是自己代码问题。 uview的css引入不要在uni.scss文件里引入,这样会使打包小程序的时候每个组件的样式里面都copy了一份,使得整体打包过大超过2M了。 uni.scss只放变量就可以了,其他全局的样式文件也不要在un

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

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

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

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

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

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

    2024年02月04日
    浏览(48)
  • 批量将excel中第5列中值大于500的行合并

    您可以使用Excel的筛选和合并功能来批量将第5列中值大于500的行合并。 以下是具体的操作步骤: 1. 打开Excel文件,定位到包含数据的工作表。 2. 选中整个工作表的范围,或者只选中需要筛选的列和行范围。 3. 在Excel菜单栏中选择\\\"数据\\\"选项卡。 4. 在\\\"排序与筛选\\\"区域中,点击

    2024年02月12日
    浏览(35)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包