主包引入库过大的情况————解决办法

最新推荐文章于 2024-05-07 11:38:13 发布
最新推荐文章于 2024-05-07 11:38:13 发布
阅读量648 收藏
点赞数
文章标签： 微信小程序 小程序 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57033755/article/details/130225866
版权

在uniapp的微信小程序项目的开发中引入了u-view组件库、echart，并且echart.js已经是压缩过后的js文件并且是在官网自定义组件后的。但是单echart文件已经500kb出头了，主包大小已经到了1626kb，后续可能会引入im实时通讯等库，直到从一位小程序大佬这边学习到分包里面也可以引入js库，所以后续可以将有echart图表展示的页面放在一个分包，并且将echart库放入该分包中，因为项目进度还没到那个时候，所以暂时把思路记录下来，后续会将简单的代码关于如何导入库、引入库等demo记录在这里。😊

一般解决主包过大的普遍方式：

1.采取分包

2.静态资源放在服务器中（比如图片和底部tabbar图标）

 

柑橘乌云_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
背包九讲(1)——01背包
01-03
选一些物品装入到一个容量为C的背包中，使得在总体积不超过m的情况下使得背包内物体总价值尽量大 状态转移 首先我们不难发现影响决策的因素有两个： 第i个物品装或者不装 使用j(j<=C)容量后得到的最大价值 实际...
Ranger学习——基础概念
02-23
主流的大数据安全组件Kerberos由于使用临时的用户验证机制不适用用户多的情况、Sentry只适用少部分的Hadoop生态组件应用场景少。ApacheRanger作为标准化的访问控制层，引入统一的权限模型与管理界面，极大地简化了...
uni-app分包解决echarts.js文件过大的问题（其他文件过大也可用此方法解决）
qq_46499695的博客
04-07 5410
背景 之前的文章解决了uni-app引入echarts的问题，也介绍了用压缩脚本文件与发行解决echarts.js文件过大的问题，这篇文章我着重来说说uni-ap使用分包解决echarts.js文件过大的问题 正文 一、uni-app引用echarts.js 这个可以参考我的上一篇博客 uni-app使用echarts并解决echarts文件过大的问题_没糖de药房的博客-CSDN博客 二、了解微信小程序分包 官网：使用分包 | 微信开放文档 (qq.com) （1）分包...
uni-app使用echarts并解决echarts文件过大的问题
qq_46499695的博客
04-03 1万+
背景 这几天写小程序需要用到echarts，又因为我用uni-app开发，因此研究了好久uni-app引用echarts，遇到了也最终解决了好多bug，我感觉大家应该在使用的时候应该都会遇到，因此专门来写一篇博客，希望可以给大家提供一点帮助！！ 第一次写，保证超详细！！！ 正文 一、uni-app引用echarts 原生开发和uni-app开发需要引用的echarts不同，我们着重讲uni-app开发，原生的大家另行研究吧。 首先，要去下载插件（用hbuilder编辑器下载.....
uniapp引入插件市场echarts图表（l-echart）实现小程序端图表，并修改源码简化使用
最新发布
weixin_49376454的博客
05-07 368
2.精简echarts.min.js体积，因为需求中只需要柱图和饼图，所以我去https://echarts.apache.org/zh/builder.html下载指定的 echarts 组件压缩包，然后替换l-echart中的echarts.min.js文件，只需要500kb左右大小。1.因为小程序有主包分包大小限制，并且uni_modules中的包也会算在主包体积中，而我项目中的图表是在分包中使用的，所以我移动uni_modules中的l-echart图表组件到分包目录组件文件夹中。
uniapp打包微信小程序主包过大问题
jieyucx的博客
04-19 2312
一般情况下配置这三个地方就可以解决问题了，如果打包的还是太大，可以参考。在用uniapp打包微信小程序时提示文件超过了2M不让上传，主包中的。太大1.7M有的甚至更大，
echarts 按需引入解决打包体积过大问题
yjl13598765406的博客
06-12 2015
echarts 按需引入解决打包体积过大问题
uniapp微信小程序开发，如何解决打包太大无法预览发布的问题
qq_41429765的博客
04-26 5606
我们经常用的解决方案有，分包，将图片上传到服务器上，减少插件引入。但是还有一个方案好多刚入门uniapp的人都给忽略了，就是在源码视图中配置，开启分包优化。 1.分包 目前微信小程序可以分8个包，每个包的最大存储是2M，也就是说你文件总体的大小不能超过16M，每个包的大小不能超过2M。下面是如何配置分包。 首先我们在和pages同级的位置创建新的文件夹，文件夹的名字随便命名，每分一个包就创建一个文件夹。如下图 然后在pages.json中配置分包路径 如下： { "pages": [ {
微信小程序使用echarts图表，与延迟加载图表，解决echarts文件过大
qq_52212982的博客
07-24 2525
微信小程序使用echarts图表，与延迟加载图表，解决echarts文件过大
动态调用css文件——jquery的应用
10-31
标题中的“动态调用css文件——jquery的应用”指的是利用JavaScript库jQuery来实现在网页中动态加载或切换CSS样式表的功能。这种技术对于增强用户体验、实现主题切换或个性化定制有着重要作用。下面将详细介绍这个...
python 一个能彻底理解包、模块引入的核心概念（csdn）————程序.pdf
12-03
Python中的包和模块引入是编程过程中非常基础但至关重要的概念，尤其对于大型项目而言，合理的组织和导入可以极大地提高代码的可读性和可维护性。本文将深入探讨Python中的包、模块以及它们的引入机制，以帮助彻底...
让电脑舒服过夏天——CPU散热器选购攻略.pdf
09-24
过高的温度会导致“电子迁移”现象，长期下来可能缩短芯片的使用寿命。因此，保持CPU表面温度在50℃以下，内部温度在80℃以下，可以避免“电子迁移”，确保CPU正常工作。 散热方式主要有风冷、液冷、液氮制冷、...
uniapp优化方案总结，让你的主包不再轻易超过2MB
u012365440的博客
05-03 7960
在用uniapp开发小程序的时候，经常在打包的时候会碰到主包超2mb的问题。大部分时候比较好解决，但是有的时候明明没有超过却又提示超过2mb就很头疼了。 在经历了N个uni项目开发后，我把自己的一些优化经验在这里和大家分享。 这里主要分为两种情况来讲，一种是二开别人的项目，一种是自己纯零开发的项目。 首先讲讲二开的： 1、启用“摇树优化”(这个比较牛逼的，能够减少相当多的体积) 使用方法：uni-app官网 2、运行时勾选“是否压缩代码”，运行->运行到小程序模拟器->运行时..
uniapp中使用echars解决编译后文件过大问题
程序员小翟
07-15 1932
解决echarts.js文件过大的问题
微信小程序 ，[JS 文件编译错误] 以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理。
dmx1521856051的博客
04-10 2673
微信小程序 [JS 文件编译错误] 以下文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理。导入全部图表的echarts.js非常大,如果你的项目较大可能会导致项目上传失败,勾选需要打包的图表，点击下方的下载。我们可以通过图表在线定制来替换。下载完成后,把下载好的。
uniapp微信小程序开发，如何解决打包太大无法预览发布的问题（uview）
热门推荐
SLife4599的博客
05-07 1万+
废话不多说，直接上解决方案。 我们经常用的解决方案有，分包，将图片上传到服务器上，减少插件引入。但是还有一个方案好多刚入门uniapp的人都给忽略了，就是在源码视图中配置，开启分包优化。 1.分包 目前微信小程序可以分8个包，每个包的最大存储是2M，也就是说你文件总体的大小不能超过16M，每个包的大小不能超过2M。下面是如何配置分包。 首先我们在和pages同级的位置创建新的文件夹，文件夹的名字随便命名，每分一个包就创建一个文件夹。如下图 然后在pages.json中配置分包路径 如下： { "pag
uniapp开发小程序，即使使用了分包规则还是会导致主包vendor.js过大的解决方案
sjt1010的博客
02-15 2895
第一步：压缩运行 hbuilderx-运行-运行到小程序模拟器-勾选（运行时是否压缩代码） 第二步：在manifest.json文件中配置 "optimization": { "subPackages": true }, 基本上这两个搞定后就没问题了
uni-app之分包加载和按需注入
weixin_45111741的博客
02-28 6837
小程序分包配置 小程序按需注入 小程序用时注入
java异常处理题库_Java题库——Chapter12 异常处理和文本IO
05-26
1. 什么是 Java 异常？ Java 异常是指程序执行期间可能发生的错误或异常情况，例如除以零、数组越界、空指针引用等。当这些异常发生时，Java 虚拟机会抛出一个异常对象，并且程序的执行流程将被中断。 2. Java 异常处理机制有哪些关键字和语句？ Java 异常处理机制包括以下关键字和语句： - try：用于包含可能会抛出异常的代码块。 - catch：用于捕获指定类型的异常，并在捕获到异常时执行相应的处理代码。 - finally：用于包含无论是否发生异常都需要执行的代码块。 - throw：用于抛出指定的异常对象。 - throws：用于声明可能会抛出指定类型异常的方法。 3. Java 中的异常分为哪几类？ Java 中的异常分为两大类：Checked Exception 和 Unchecked Exception。 Checked Exception 是指在编译时就能够检查出来的异常，例如 IOException、ClassNotFoundException 等。程序必须显式地处理这些异常，否则编译不通过。 Unchecked Exception 是指在运行时才能检查出来的异常，例如 NullPointerException、ArrayIndexOutOfBoundsException 等。程序可以选择处理这些异常，但不处理也不会导致编译错误。 4. 请简要说明 try-catch-finally 的执行流程。 当程序执行到 try 块时，Java 会尝试执行其中的代码。如果在 try 块中抛出了异常，则会将异常对象传递给 catch 块进行处理。catch 块会匹配异常类型，如果匹配成功，则执行相应的处理代码。如果 catch 块处理完异常后，程序需要继续执行，则会执行 finally 块中的代码。如果 finally 块中也抛出了异常，则该异常会覆盖 try 或 catch 块中的异常。 如果 try 块中没有抛出异常，则 catch 块不会被执行。如果 finally 块中抛出异常，则该异常会覆盖 try 块中的异常。 5. 什么是异常链？ 异常链是指在处理异常时，将一个异常对象作为另一个异常的原因，并将它们组合成一个异常链。这样做的好处是，在抛出异常时可以同时传递多个异常信息，从而更加清晰地表示异常发生的原因。 6. 请简要说明 try-with-resources 的作用和使用方法。 try-with-resources 是 Java 7 中引入的语法，用于自动关闭实现了 AutoCloseable 接口的资源。在 try 块中声明需要使用的资源，Java 会在 try 块执行完毕后自动关闭这些资源，无需手动调用 close 方法。 try-with-resources 的语法如下： ``` try (Resource1 r1 = new Resource1(); Resource2 r2 = new Resource2()) { // 使用资源 } catch (Exception e) { // 处理异常 } ``` 7. 请简要说明 Java 中的文本 IO。 Java 中的文本 IO 主要包括两种类：Reader 和 Writer。Reader 用于读取字符流，而 Writer 用于写入字符流。 Java 中常用的 Reader 类包括 InputStreamReader、FileReader 和 BufferedReader，常用的 Writer 类包括 OutputStreamWriter、FileWriter 和 BufferedWriter。这些类提供了各种方法来读取和写入字符流，并且可以处理多种编码格式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

柑橘乌云_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值