运行到微信开发者工具 uni-app因echats.min.js大于500kb编译非常缓慢预计要10多分钟

运行到微信开发者工具 uni-app因echats.min.js大于500kb编译非常缓慢预计要10多分钟

操作步骤：

  • 编译时间过慢，预计10分钟左右，使用定制版经压缩后的echarts.min.js，实际大小为571KB，编译时间为5分钟左右。

预期结果：

  • 缩短编译时间。

实际结果：

  • 编译时间随着分包内的echarts.min.js文件变大而变长。

bug描述：

项目运行到内置浏览器正常，但是运行到微信开发者工具，因echats.min.js大于500kb，实际为1010KB，编译非常缓慢，编译过程中报了个警告：

[警告⚠] `pagesB\uni_modules\e-chart\components\e-chart\echarts.min.js` 文件体积超过 500KB，已跳过压缩以及 ES6 转 ES5 的处理，手机端使用过大的js库影响性能。

等待了10多分钟后，编译完成，正常打开微信开发者工具，功能正常。请问这个编译时间过长问题怎么处理？

Image

项目信息 值
产品分类 uniapp/小程序/微信
PC开发环境 Windows
PC开发环境版本 Windows 10 专业工作站版，19045.5131
HBuilderX类型 正式
HBuilderX版本 4.65
第三方开发者工具版本 1.06.2503290win32-x64
基础库版本 3.8.4
项目创建方式 HBuilderX

更多关于运行到微信开发者工具 uni-app因echats.min.js大于500kb编译非常缓慢预计要10多分钟的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

换npm吧

更多关于运行到微信开发者工具 uni-app因echats.min.js大于500kb编译非常缓慢预计要10多分钟的实战教程也可以访问 https://www.itying.com/category-93-b0.html


先去掉echarts组件后运行试试是否正常

正常。

针对echarts.min.js文件过大导致微信开发者工具编译缓慢的问题，建议从以下几个方面优化：

  1. 使用按需引入方式 建议改用echarts的按需引入版本，而不是全量引入。可以使用echarts-lite或echarts-for-weixin等专门为小程序优化的版本。

  2. 分包处理 将echarts相关页面放入分包中：

{
  "subPackages": [
    {
      "root": "pagesB",
      "pages": [
        "uni_modules/e-chart/components/e-chart/echarts"
      ]
    }
  ]
}

  1. 使用CDN加载 在小程序中使用web-view组件加载echarts图表，将echarts放在服务端通过CDN加载。

  2. 使用替代方案 考虑使用性能更好的图表库替代方案，如：

  • uCharts：专为uni-app优化的图表库
  • F2：支付宝小程序图表库，兼容微信小程序
  1. 优化现有echarts使用 检查是否真的需要使用全量echarts，可能只需要部分功能模块：
import * as echarts from 'echarts/core';
import { LineChart } from 'echarts/charts';
import { GridComponent } from 'echarts/components';
回到顶部