前言

在接手公司的uniapp项目进行打包后，发现主包常年控制在2m？？？项目能跑就行？能打包就行？这我忍受不了，必须对它做点什么

在经过仔细盘查后，发现项目中的echarts图放在uni_module下，这就是默认放在主包下，本来就小还占了25%

优化

既然问题已经找到，那么开始干活，这里直接将这个图表单独拉出来作为分包模块

分包后记得定义路径，不然会报错

做到这里就差不多可以了，但是通过运行项目，报出通过this.$refs获取模块为undefined？？

通过查阅资料，查到了几种方式

• 通过 import * as echarts from "echarts" (无效)
• 重新升版本 (目前4x) (不想重构)
• 单独引入 l-echarts vue文件 (采用)

通过上面的方法，最终成功解决了分包问题，直接上优化后的主包大小

最后

最后不得不吐槽一下，都23年了主包大小还是在2m，一个图表就500kb了，害