来源 | https://vite.dev/blog/announcing-vite6.html

翻译、整理 | Nodejs技术栈

Vite 团队、贡献者及生态合作伙伴激动地宣布 Vite 6 正式发布。

这一年发生了许多变化。Vite 的采用率持续增长，自 Vite 5 发布以来，npm 每周下载量从 750 万跃升至 1700 万。Vitest 不仅受到越来越多用户的青睐，还开始形成自己的生态。例如，Storybook 新增了基于 Vitest 的测试功能。

新的框架也加入了 Vite 生态，包括 TanStack Start、One、Ember 等。Web 框架的创新速度越来越快，您可以查看 Astro、Nuxt、SvelteKit、Solid Start、Qwik City、RedwoodJS、React Router 等项目的改进。

Vite 被 OpenAI、Google、Apple、Microsoft、NASA、Shopify、Cloudflare、GitLab、Reddit、Linear 等众多公司使用。两个月前，我们开始整理使用 Vite 的公司列表，很高兴看到许多开发者通过 PR 添加他们的公司。自 Vite 起步以来，我们共同建立的生态系统已经取得了难以置信的成长。

加速 Vite 生态

上个月，社区举办了第三届 ViteConf，由 StackBlitz 再次承办。这是规模最大的一届 Vite 大会，生态系统的众多构建者参与其中。在诸多发布中，尤雨溪宣布了 VoidZero——一家致力于为 JavaScript 生态构建开源、高性能、统一开发工具链的公司。VoidZero 推出了 Rolldown 和 Oxc，其团队正在快速推动这些工具适配 Vite。想了解更多关于 Vite Rust 驱动未来的计划，请观看尤雨溪的主题演讲。

StackBlitz 发布了 bolt.new，这是一款 Remix 应用，结合了 Claude 和 WebContainers，让您可以提示、编辑、运行并部署全栈应用。Nate Weiner 发布了 One，这是一个基于 Vite 的新 React 框架，用于 Web 和原生开发。Storybook 展示了其最新的基于 Vitest 的测试功能，此外还有更多内容。我们鼓励您观看全部 43 场演讲，演讲者们付出了巨大努力，分享了每个项目的最新进展。

Vite 的官网也焕然一新，并使用了新的域名 vite.dev。建议您更新 URL 指向该域名。新设计与实现由 VoidZero 完成，特别感谢 Vicente Rodriguez 和 Simon Le Marchant。

Vite 6 的主要更新

Vite 6 是自 Vite 2 以来最重要的一次大版本更新。我们期待与生态系统合作，通过新 API 进一步扩展共同资源，并提供更加完善的构建基础。

快速链接

• 文档^[1]
• 翻译版本：简体中文、日本語、Español、Português、한국어、Deutsch^[2]
• 迁移指南^[3]
• GitHub 更新日志^[4]

如果您是 Vite 新用户，建议先阅读 入门指南^[5] 和 功能介绍^[6]。

我们要感谢超过 1000 位 Vite Core 贡献者，以及为插件、集成、工具和翻译作出贡献的维护者和社区成员，他们帮助我们打磨了这个全新版本。同时，我们也邀请您加入我们的贡献者行列，为整个生态系统改进 Vite。详情请参阅我们的 贡献指南^[7]。

要参与贡献，您可以帮助梳理问题、审核 PR、根据已有问题提交失败测试的 PR，或在 Discussions 和 Vite Land 的帮助论坛中支持其他用户。如果想直接与我们交流，欢迎加入我们的 Discord 社区，在 #contributing 频道中打个招呼。

关于 Vite 生态系统和 Vite Core 的最新动态，请关注我们在 Bluesky^[8], X^[9], 或 Mastodon^[10] 上的更新。

开始使用 Vite 6

您可以通过运行 pnpm create vite 快速创建一个基于您首选框架的 Vite 应用，或者使用 vite.new^[11] 在线体验 Vite 6。您还可以运行 pnpm create vite-extra 获取更多框架和运行时（如 Solid、Deno、SSR 和库模板）的模板。在运行 create vite 时，也可以通过 Others 选项访问 create vite-extra 的模板。

Vite 的启动模板旨在作为测试不同框架与 Vite 兼容性的试验场。构建下一个项目时，建议使用各框架推荐的启动模板。create vite 还为一些框架提供了快捷的启动模板设置，比如 create-vue、Nuxt 3、SvelteKit、Remix、Analog 和 Angular。

Node.js 支持

Vite 6 支持 Node.js 18、20 和 22+，与 Vite 5 类似。不再支持 Node.js 21。Vite 在 Node.js 旧版本达到生命周期终止（EOL）后会停止支持。Node.js 18 的生命周期将在 2025 年 4 月底结束，届时我们可能会发布新的大版本以提高最低要求的 Node.js 版本。

实验性环境 API

Vite 通过新的环境 API 变得更加灵活。这些新 API 可以让框架作者提供更接近生产环境的开发体验，并为生态系统共享新的构建模块。如果您在构建单页应用（SPA），一切如常；当您在单客户端环境中使用 Vite 时，工作方式与以往一致。即便是自定义的 SSR 应用，Vite 6 也保持了向后兼容性。环境 API 的主要目标用户是框架作者。

对于感兴趣的终端用户，Sapphi 撰写了一篇很棒的环境 API 入门指南^[12]。它是一个了解 Vite 灵活性提升的起点。

如果您是框架作者或 Vite 插件维护者，并希望利用这些新 API，请参阅环境 API 指南^[13]。

我们感谢所有参与定义和实现新 API 的人员。Anthony Fu 和 Pooya Parsa 创建了 vite-node，以改善 Nuxt 的开发 SSR 故事。Anthony 随后用 vite-node 为 Vitest 提供支持，而 Vladimir Sheremet 持续改进它。在 2023 年初，Vladimir 开始将 vite-node 向 Vite Core 上游迁移，并在一年后随 Vite 5.1 发布为 Runtime API。来自生态系统合作伙伴的反馈（特别感谢 Cloudflare 团队）促使我们对 Vite 的环境进行更大胆的重构。想了解更多故事，请观看 Patak 在 ViteConf 24 上的演讲。

Vite 团队的每个人都参与了新 API 的定义，这些 API 是在生态系统中多个项目反馈的基础上共同设计的。感谢所有参与者！如果您正在构建基于 Vite 的框架、插件或工具，我们鼓励您参与进来。这些新 API 目前处于实验阶段，我们将与生态系统合作审查新 API 的使用方式，并在下一个大版本中稳定下来。如果您有问题或想提供反馈，可以在GitHub 的讨论页面^[14]上参与。

主要变更

• resolve.conditions 的默认值
• JSON 字符串化
• 扩展 HTML 元素中资源引用的支持
• postcss-load-config
• Sass 默认使用现代 API
• 在库模式下自定义 CSS 输出文件名
• 以及更多仅影响少数用户的变更

此外，我们还新增了一个重大变更页面^[15]，列出了所有计划中、考虑中和过去的变更。

迁移到 Vite 6

对于大多数项目，迁移到 Vite 6 应该相对简单，但我们建议在升级前详细阅读迁移指南^[16]。

完整的变更列表请参阅 Vite 6 更新日志^[17]。

致谢

Vite 6 的发布离不开社区贡献者、下游维护者、插件作者和 Vite 团队的辛勤工作。我们感谢支持 Vite 开发的个人和公司。Vite 由 VoidZero 推动开发，并与 StackBlitz、Nuxt Labs 和 Astro 合作完成。特别感谢 Vite 的 GitHub 赞助者^[18] 和 Open Collective 支持者^[19]。