引入项目后主包体积较大,放入分包后主包文件怎么使用分包的echarts呀

4***@qq.com
- 发布:2025-05-07 11:55
- 更新:2025-05-07 14:00
- 阅读:95
3 个回复
陌上华年
主包还能用分包的东西?
4***@qq.com (作者)
用不了,但是需要用到echarts,但是体积大,放在分包里面,有没有合适的方案指导一下
名帝
分包创建common然后把插件里面的echarts.min.js放进去,在分包的使用页里面引入import * as echarts from '@/分包名称/common/echarts.min.js',然后正常使用即可
2025-05-07 13:59
名帝
页面不要在主包里,如果只有一个单页面建议进入后跳转到分包页面
2025-05-07 14:00
4***@qq.com (作者)
回复 名帝: 我这边是tabbar页面,首页上需要使用
2025-05-07 14:09
4***@qq.com (作者)
回复 名帝: 这种情况下怎么弄呢
2025-05-07 14:11
名帝
回复 4***@qq.com: 一定得主包的话只能去下载压缩包了使用了
2025-05-07 14:32
4***@qq.com (作者)
回复 名帝: 目前就是按需下载的压缩包,也有514kb,目前编译很慢,也打不了包
2025-05-07 14:44
4***@qq.com (作者)
回复 名帝:
packageC\uni_modules\lime-echart\static\echarts.min.js
文件体积超过 500KB,已跳过压缩以及 ES6 转 ES5 的处理,手机端使用过大的js库影响性能。2025-05-07 14:46
名帝
回复 4***@qq.com: 因为你一定得要主包使用这个就只能把除了tab页其它所有页面移入分包了
2025-05-07 15:03
xzh
推荐一个vue3的分包插件https://github.com/uni-ku/bundle-optimizer