返回
创建于
状态公开

vite 老是 force reload 的一个可能性。

https://vite.dev/config/dep-optimization-options.html#optimizedeps-holduntilcrawlend

  • Vite 启动时会自动“预构建依赖”。某些包如 element-plus/xx 这些样式文件首次被“按需引入”,Vite 会检测到并强制优化依赖,从而导致页面刷新。
bash
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 自动侦测错误。比如:

    js
    1optimizeDeps: {
    2  include: [
    3    "element-plus/es/components/infinite-scroll/style/css",
    4    "element-plus/es/components/skeleton/style/css"
    5    // ... 这些终端提示的包都加上
    6  ]
    7}
  • 这样可以防止每次打开新页面/新功能都触发依赖优化,减少莫名其妙刷新。

也可以试试?
optimizeDeps.holdUntilCrawlEnd