前端性能优化方案
Vue3项目改造按需加载方案 JeecgBoot
3.5.5+
版本已完成升级,老版本用户可以参考
按需加载改造方法
- 1、全局注册地方去掉
- 2、组件改成异步注册
- 3、用不到的大组件可以删掉 精简项目方案
大组件
- 富文本 tinyme
- Markdown
- CodeMirror
- 地图数据
src/components/Form/src/utils/Area.ts
- JVxeTable表格
- 仪表盘
- 地图数据
china-area-data
- antd资源按需加载
- popup
组件分析:https://note.youdao.com/s/YKUzG66H
jeecgboot 3.5.5
性能优化方案
如何你是jeecgboot
3.5.5
之前的VUE3版本,可以参考我们已做过的优化进行改造
- 1、按需加载改造
- 2、UnoCSS替代windicss
- 3、升级vite4
- 4、build打包拆分
PR提交
- 首屏缩短至10秒多&打包时间缩短至一半,升级vite4和vue3.3
- 打包优化默认index太大,自定义拆包策略
- UnoCSS替代windicss,Windi CSS导致vite变慢
- 生产环境字典慢的问题
vite编译提速
- 1、关闭mock
- 2、删除online单元测试
- 3、删除甘特图
- 4、tinymce code组件,精简配置
- 5、行编辑不全局注册
- 6、处理
::v-deep