2024 年 11 月 26 日，Vite 团队及其生态系统合作伙伴宣布推出 Vite 6，这标志着 Vite 的发展迈上了一个新的台阶。今年，Vite 的采用率持续增长，npm 每周下载量从一年前 Vite 5 发布时的 750 万次跃升至 1700 万次。Vitest 受到越来越多用户的青睐，并开始形成自己的生态系统，例如 Storybook 推出了由 Vitest 驱动的新测试功能。
重磅特性：Environment API
Vite 6.0 引入了多项重大更新和改进，目标是进一步加速 JavaScript 生态系统的开发效率。全新的环境 API 让框架作者能够提供更接近生产环境的开发体验，同时也为整个生态系统分享新的构建块。
核心功能展示
多环境配置
export default defineConfig({
experimental: {
environments: {
client: {
entry: 'src/entry-client.tsx',
env: { SSR: 'false' }
},
server: {
entry: 'src/entry-server.tsx',
env: { SSR: 'true' }
}
}
}
})
环境隔离能力
独立的入口文件配置
环境特定的构建设置
严格的环境变量隔离
实际应用场景
SSR 框架开发
客户端与服务端代码分离
环境特定的插件支持
精确的依赖分析
多平台应用
Web、Desktop、Mobile 多端统一管理
平台特定的构建优化
条件编译支持
其他重要更新
Node.js 支持
支持 Node.js 18、20 和 22+ 版本
移除 Node.js 21 支持
Node.js 18 将支持至 2025 年 4 月
技术升级
resolve.conditions 默认值优化
JSON stringify 增强
HTML 元素资产引用扩展
Sass 现代 API 默认启用
库模式下的 CSS 文件名自定义
企业级应用支持
OpenAI、Google、Apple、Microsoft、NASA、Shopify、Cloudflare、GitLab、Reddit、Linear 等科技巨头都在使用 Vite。这充分证明了 Vite 在企业级应用中的可靠性和性能优势。
快速上手指南
创建新项目
pnpm create vite
使用扩展模板
pnpm create vite-extra
迁移建议
Environment API 使用
SPA 应用可继续使用传统配置
框架开发者优先考虑使用新 API
注意实验性特性可能存在变动
版本升级注意事项
大多数项目可以轻松迁移到 Vite 6，但建议在升级前详细阅读迁移指南。完整的更改和更新列表可以在 Vite 6 的更新日志中找到。
展望未来
Environment API 的引入标志着 Vite 在构建工具领域的又一重要里程碑。这不仅为框架开发者提供了更强大的工具，也为整个前端生态系统带来了新的可能性。
重要提醒：官方域名已更新为 vite.dev，建议及时更新相关链接。
通过这次重大更新，Vite 再次展现了其在前端工具链中的创新能力和领导地位。无论是对框架开发者还是普通用户，Vite 6.0 都带来了显著的改进和优化。
