Vite 6 构建提速实战

Vite 6 引入了 Environment API 和多项性能优化，大型项目的构建时间可以大幅压缩。

冷启动优化

Vite 6 默认启用了更激进的依赖预构建缓存：

// vite.config.js
export default defineConfig({
  optimizeDeps: {
    include: ["react", "react-dom", "lodash-es"],
    force: false,  // 复用缓存
  },
  build: {
    target: "es2022",
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ["react", "react-dom"],
        },
      },
    },
  },
});

实测数据

同一项目（约 2000 个模块）：

• Vite 5：冷启动约 8s，构建约 30s
• Vite 6：冷启动约 3s，构建约 5s

提速核心在于依赖预构建的持久化缓存和更快的 esbuild 版本。

Environment API

Vite 6 的 Environment API 支持一个项目同时构建多个环境（浏览器 / SSR / Worker），配置更清晰：

export default {
  environments: {
    client: { build: { outDir: "dist/client" } },
    ssr: { build: { outDir: "dist/server" } },
  },
};

Vite 依然是前端构建工具的最优解之一，6.0 让大型项目的开发体验明显提升。