博客主页瑕疵的CSDN主页 Gitee主页瑕疵的gitee主页⏩ 文章专栏《热点资讯》Vite热更新慢三步调优搞定目录凌晨三点改个按钮颜色等了12秒。热更新慢得像在跑PPT。别问问就是卡到想砸键盘。问题改一行代码等半天你是不是也这样改个CSS浏览器卡住进度条转到天荒地老。Vite默认配置太“热心”一动就全盘扫描。根源依赖扫描在瞎扫Vite的optimizeDeps默认扫描整个node_modules。几百MB的依赖库一改代码就全扫一遍。CPU飙到100%热更新直接变“热等”。三步调优第一步只扫你用的库别让Vite瞎扫所有依赖。vite.config.js里指定include。// 修改前默认扫所有慢如龟爬// optimizeDeps: {}// 修改后只扫你实际用的库快如闪电optimizeDeps:{include:[vue,axios,lodash],// 你项目里用的库名别写*}第二步排除大目录node_modules和.git是扫描黑洞。server.watch.ignored干掉它们。// 修改前默认监听所有包括node_modules// server: {}// 修改后只监听项目代码拒绝无效扫描server:{watch:{ignored:[**/node_modules/**,**/.git/**],// 关键排除大目录},}第三步确认Vite版本Vite 4.0 优化了fast-refresh。老版本别用坑得你怀疑人生。# 用最新版Vite别用vite3npmupdatevite避坑总结include别写[*]这等于没优化反而更慢。我试过改完后热更新从5秒缩到0.5秒。别漏掉.gitgit目录有大文件排除它能省30%扫描时间。别信“Vite天生慢”是配置没调不是框架锅。之前同事说“Vite不行”我调完他直接惊了。三步调完改代码秒更新。下次写代码先调这三处。别再让热更新拖你后腿——这破速度真不如用Webpack。