原作者：Vite Blog
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 都带来了显著的改进和优化。
