zhangdaiscott 发表于 2024-3-11 13:54:50

JeecgBoot Vue3前端项目性能优化&按需加载方案

JeecgBoot vue3前端项目在 3.5.5 版本之前,的确存在很严重的性能问题,大家可以参考以下文档进行升级。

按需加载改造方法
[*]1、全局注册地方去掉
[*]2、组件改成异步注册
[*]3、用不到的大组件可以删掉 【精简项目方案】

大组件
[*]1、富文本 tinyme
[*]2、Markdown
[*]3、CodeMirror
[*]4、地图数据 src/components/Form/src/utils/Area.ts
[*]5、JVxeTable表格
[*]6、仪表盘
[*]7、地图数据 china-area-data
[*]8、antd资源按需加载
[*]9、popup
组件分析: https://note.youdao.com/s/YKUzG66Hhttps://pic3.zhimg.com/80/v2-a795604889a2b0ce14018847cafe38f6_720w.webp

https://oscimg.oschina.net/oscnet/up-ff9f7552d7635ddbea07dc9eb522b09a448.pngjeecgboot 3.5.5 性能优化方案如何你是jeecgboot 3.5.5 之前的VUE3版本,可以参考我们已做过的优化进行改造
[*]1、按需加载改造
[*]2、UnoCSS替代windicss
[*]3、升级vite4
[*]4、build打包拆分
https://oscimg.oschina.net/oscnet/up-c6bc9e48b7bcd08ad166723aac3ebd337b6.pnghttps://pic4.zhimg.com/80/v2-65ba8b3d7a501b348ff09e19b01f65cb_720w.webp

PR提交
[*]首屏缩短至10秒多&打包时间缩短至一半,升级vite4和vue3.3
[*]打包优化默认index太大,自定义拆包策略
[*]UnoCSS替代windicss,Windi CSS导致vite变慢
[*]生产环境字典慢的问题

vite编译提速
[*]1、关闭mock
[*]2、删除online单元测试
[*]3、删除甘特图
[*]4、tinymce code组件,精简配置
[*]5、行编辑不全局注册
[*]6、处理::v-deep


页: [1]
查看完整版本: JeecgBoot Vue3前端项目性能优化&按需加载方案