search

vbenjs / vue-vben-admin

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
https://www.vben.pro
MIT License
25.31k stars 6.89k forks source link

首次进入页面和第一次切换菜单时加载很慢 #2216

Closed janly-li closed 1 year ago

janly-li commented 2 years ago

首次进入页面时和第一次切换菜单时加载很慢

janly-li commented 2 years ago

![image](https://user-images.githubusercontent.com/56383656/189076037-69681797-ce57-4a22-a207-262e5c3b2670.png

liuzongyang255 commented 2 years ago

vite开发模式 了解一下

liuzongyang255 commented 2 years ago

为了光速启动项目 按需加载组件 所以会慢 开发的时候不需要编译整个项目 有时候只需要修改某个菜单 所以打开项目 进入菜单 就OK了

janly-li commented 2 years ago

为了光速启动项目 按需加载组件 所以会慢 开发的时候不需要编译整个项目 有时候只需要修改某个菜单 所以打开项目 进入菜单 就OK了

不止是开发模式，生产环境也很慢

liuzongyang255 commented 2 years ago

你看看官方的预览地址，那个速度就是正常的，更高的速度取决于网速、服务器速度

dzhl commented 2 years ago

确实挺慢，本地搭建，不存在网速问题，启动也慢，官网也慢，虽然这个框架上手难，不过我喜欢

gaojiangtao-git commented 2 years ago

升级到vite3 会有很大的提升

zhangyuanliang commented 2 years ago

这样修改可以提升10秒时间

main.ts
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

app.use(Antd).mount('#app');

build/vite/plugin/index.ts
vite-plugin-style-import注释掉
SKT1yang commented 1 year ago

这样修改可以提升10秒时间

main.ts
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';

app.use(Antd).mount('#app');

build/vite/plugin/index.ts
vite-plugin-style-import注释掉

暗主题的系统就挂了，样式变量没了