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

7月前作者：Harry.Q 分类：Toy博客阅读(27) 违法举报

这篇具有很好参考价值的文章主要介绍了解决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日
浏览(40)
uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2024年02月12日
浏览(25)