Vite 6.0 正式发布：新特性与更新概览

概述

2024年11月26日，Vite团队及其生态系统合作伙伴宣布推出Vite 6，这标志着Vite发展迈上了一个新的台阶。自Vite 5发布以来，Vite的采用率持续增长，每周npm下载量从750万次跃升至1700万次。Vite生态系统也迎来了更多新框架的加入，包括TanStack Start、One、Ember等，众多知名企业如OpenAI、谷歌、苹果、微软、NASA、Shopify、Cloudflare、GitLab、Reddit、Linear等都在使用Vite。

Vite 还推出了全新的域名：vite.dev，以及全新的落地页：

重磅特性：Environment API

Vite 6.0引入了多项重大更新和改进，目标是进一步加速JavaScript生态系统的开发效率。全新的环境API让框架作者能够提供更接近生产环境的开发体验，同时也为整个生态系统分享新的构建块。

多环境配置

Environment API允许创建多个环境，以更好地映射现代应用可能涉及的多个运行环境，如浏览器、Node服务器和边缘服务器。

环境隔离能力

• 独立的入口文件配置
• 环境特定的构建设置
• 严格的环境变量隔离

实际应用场景

1. SSR框架开发：客户端与服务端代码分离，环境特定的插件支持，精确的依赖分析。
2. 多平台应用：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文件名自定义。

快速上手指南

创建新项目

pnpm create vite

使用扩展模板

pnpm create vite-extra

迁移建议

1. Environment API使用：SPA应用可继续使用传统配置，框架开发者优先考虑使用新API，注意实验性特性可能存在变动。
2. 版本升级注意事项：大多数项目可以轻松迁移到Vite 6，但建议在升级前详细阅读迁移指南。完整的更改和更新列表可以在Vite 6的更新日志中找到。

展望未来

Environment API的引入标志着Vite在构建工具领域的又一重要里程碑。这不仅为框架开发者提供了更强大的工具，也为整个前端生态系统带来了新的可能性。官方域名已更新为vite.dev，建议及时更新相关链接。通过这次重大更新，Vite再次展现了其在前端工具链中的创新能力和领导地位。无论是对框架开发者还是普通用户，Vite 6.0都带来了显著的改进和优化。