返回
创建于
状态公开
vite 老是 force reload 的一个可能性。
https://vite.dev/config/dep-optimization-options.html#optimizedeps-holduntilcrawlend
- Vite 启动时会自动“预构建依赖”。某些包如 element-plus/xx 这些样式文件首次被“按需引入”,Vite 会检测到并强制优化依赖,从而导致页面刷新。
1下午2:20:42 [vite] ✨ new dependencies optimized: element-plus/es/components/infinite-scroll/style/css, element-plus/es/components/skeleton/style/css, element-plus/es/components/skeleton-item/style/css, element-plus/es/componentss/image/style/css, element-plus/es/components/progress/style/css
2下午2:20:42 [vite] ✨ optimized dependencies changed. reloading手动 include 进 optimizeDeps:
-
在 vite.config.js/ts 增加 optimizeDeps.include,减少 Vite 自动侦测错误。比如:
1optimizeDeps: { 2 include: [ 3 "element-plus/es/components/infinite-scroll/style/css", 4 "element-plus/es/components/skeleton/style/css" 5 // ... 这些终端提示的包都加上 6 ] 7} -
这样可以防止每次打开新页面/新功能都触发依赖优化,减少莫名其妙刷新。