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/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