Vite 缓存优化核心是提升复用性与稳定性：1. 显式配置 optimizeDeps 预构建高频依赖并排除无效包；2. 固定 cacheDir 路径增强命中率；3. 生产构建启用 Rollup cache；4. 开发时忽略无关文件监听。

直接配置 Vite 的缓存策略，核心是让构建过程复用已处理的依赖和模块，避免重复解析、转换与打包。重点不在“清缓存”，而在于让缓存稳定、可复用、不冲突。

显式预构建高频依赖（optimizeDeps）

这是提升二次构建速度最有效的一环。Vite 默认会自动扫描 import 语句来决定哪些依赖需要预构建，但扫描本身有开销，且容易漏掉动态导入或 Monorepo 中的本地包。

• 在 vite.config.ts 中明确列出常用依赖，例如：['vue', 'vue-router', 'pinia', 'lodash-es']
• 排除不需要预构建的包（如纯类型定义、CJS 兼容层），减少干扰
• 开发中遇到依赖更新后行为异常，可加 force: true 强制重预构建，但日常应关闭

指定独立缓存目录（cacheDir）

Vite 默认把缓存放在 node_modules/.vite，但该路径易受 npm install 或 CI 清理影响。固定缓存位置能显著提升缓存命中率，尤其在多分支切换或容器化构建中。

• 推荐设为项目内路径，例如：cacheDir: './node_modules/.vite-cache'
• 若使用 SSD 或内存盘（如 /dev/shm），可进一步提速，需确保路径有读写权限
• 该目录包含预构建产物、依赖图谱、模块解析结果等，删除即重头开始

启用 Rollup 构建缓存（build.rollupOptions.cache）

生产构建阶段，Rollup 默认不启用内部缓存。开启后，未改动的模块在增量构建时跳过重新打包，对大型项目效果明显。

• 在 build.rollupOptions 中添加：cache: true
• 配合 treeshake: true 和合理的 manualChunks 策略，缓存更稳定
• 注意：此缓存仅作用于生产构建（vite build），不影响开发服务器启动

避免监听无关文件（server.watch.ignored）

开发服务器热更新时，Vite 会监听文件变化并触发重建。若监听了大量临时文件或配置目录，会拖慢响应速度，间接影响二次构建体验。

• 在 server.watch.ignored 中加入：['**/.env/**', '**/node_modules/**', '**/dist/**']
• 尤其要排除 IDE 生成的文件夹（如 .vscode、.idea）
• 此项不改变构建逻辑，但能让开发环境更轻量、更专注