Vite 6.0 正式发布！

关注公众号 前端界，回复“加群”
加入我们一起学习，天天进步

官方博客原文地址：https://vite.dev/blog/announcing-vite6.html

公众号：若川视野  整理

今天，Vite 的故事又迈出了一大步。Vite团队^[1]、贡献者^[2]和生态合作伙伴很高兴地宣布 Vite 6 正式发布。

这是多事之秋。Vite 的采用率不断增长，自一年前 Vite 5 发布以来，每周 npm 下载量从 750 万次跃升至 1700 万次。Vitest不仅受到更多用户的青睐，而且开始形成自己的生态系统。例如，Storybook拥有由^[3]Vitest^[4]提供支持的新测试功能。

新的框架也加入了 Vite 生态系统，包括TanStack Start^[5]、One^[6]、Ember^[7]等。Web 框架的创新速度越来越快。您可以查看人们在Astro^[8]、Nuxt^[9]、SvelteKit^[10]、Solid Start^[11]、Qwik City^[12]、RedwoodJS^[13]、React Router^[14]等方面所做的改进，不胜枚举。

Vite 被 OpenAI、谷歌、苹果、微软、NASA、Shopify、Cloudflare、GitLab、Reddit、Linear 等众多公司使用。两个月前，我们开始列出使用 Vite 的公司^[15]。我们很高兴看到许多开发人员向我们发送 PR，希望将他们的公司添加到列表中。很难相信自 Vite 迈出第一步以来，我们共同构建的生态系统已经发展了多少。

加速 Vite 生态^[16]

上个月，社区齐聚一堂，参加第三届ViteConf^[17]，此次会议再次由StackBlitz^[18]主办。这是规模最大的 Vite 会议，来自生态系统的众多建设者均出席了会议。除其他公告外，尤雨溪还宣布成立VoidZero^[19]，这是一家致力于为 JavaScript 生态系统构建开源、高性能和统一开发工具链的公司。VoidZero 是Rolldown^[20]和Oxc 的^[21]幕后推手，他们的团队正在取得重大进展，迅速为 Vite 的采用做好准备。观看尤雨溪的主题演讲，了解有关 Vite 基于 rust 的未来下一步计划的更多信息。

Stackblitz^[22]发布了bolt.new^[23]，这是一款结合了 Claude 和 WebContainers 的 Remix 应用，可让您提示、编辑、运行和部署全栈应用。Nate Weiner 发布了One^[24]，这是一款由 Vite 提供支持的全新 Web 和原生 React 框架。Storybook 展示了其最新的由 Vitest 提供支持的测试功能^[25]。还有更多精彩内容。我们鼓励您观看全部 43 场演讲^[26]。演讲者付出了巨大努力与我们分享每个项目的进展情况。

Vite 还获得了一个更新的登录页面和一个干净的域名。您应该更新您的 URL 以指向新的vite.dev^[27]域名。新的设计和实施由 VoidZero 完成，他们也是制作其网站的人员。感谢Vicente Rodriguez^[28]和Simon Le Marchant^[29]。

下一个 Vite 重大事件即将到来^[30]

Vite 6 是自 Vite 2 以来最重要的主要版本。我们渴望与生态系统合作，通过新的 API 不断扩展我们的共享资源，并像往常一样，建立更完善的基础。

快速链接：

• 文档^[31]
• 翻译：简体中文^[32]、日本语^[33]、西班牙语^[34]、葡萄牙语^[35]、한국어^[36]、德语^[37]
• 迁移指南^[38]
• GitHub 更新日志^[39]

如果您是 Vite 新手，我们建议您先阅读入门指南^[40]和功能^[41]指南。

我们要感谢Vite Core 的 1000 多名贡献者^[42]以及帮助我们打造这一新版本的 Vite 插件、集成、工具和翻译的维护者和贡献者。我们邀请您参与并帮助我们改进整个生态系统的 Vite。在我们的贡献指南^[43]中了解更多信息。

首先，我们建议帮助分类问题^[44]、审查 PR^[45]、根据未解决的问题发送失败的测试 PR，并在讨论^[46]和 Vite Land 的帮助论坛^[47]中为其他人提供支持。如果您想与我们交谈，请加入我们的Discord 社区并在^[48]#contributing 频道^[49]上打招呼。

如需了解 Vite 生态和 Vite 核心的最新消息，请关注Bluesky^[50]、X^[51]或Mastodon^[52]。

开始使用 Vite 6^[53]

你可以使用pnpm create vite你喜欢的框架快速搭建 Vite 应用，或者使用vite.new^[54]在线试用 Vite 6。你还可以运行pnpm create vite-extra以访问其他框架和运行时（Solid、Deno、SSR 和库启动器）的模板。在此选项下create vite-extra运行时也可以使用模板。create vite``Others

Vite 入门模板旨在用作使用不同框架测试 Vite 的场所。在构建下一个项目时，您应该使用每个框架推荐的入门模板。还提供了通过某些框架设置适当入门模板的create vite快捷方式，例如create-vue、、、、和。Nuxt 3``SvelteKit``Remix``Analog``Angular

Node.js 支持^[55]

Vite 6 支持 Node.js 18、20 和 22+，与 Vite 5 类似。Node.js 21 支持已停止。Vite 将在旧版本的EOL^[56]之后停止对其的支持。Node.js 18 EOL 将于 2025 年 4 月底到期，此后我们可能会发布新的主版本来提高所需的 Node.js 版本。

实验环境 API^[57]

有了新的环境 API，Vite 变得更加灵活。这些新 API 将允许框架作者提供更接近生产的开发体验，并让生态系统共享新的构建块。如果您正在构建 SPA，则不会发生任何变化；当您在单个客户端环境中使用 Vite 时，一切都会像以前一样运行。即使对于自定义 SSR 应用，Vite 6 也向后兼容。环境 API 的主要目标受众是框架作者。

对于好奇的最终用户，Sapphi 编写了一篇很棒的环境 API^[58]指南。这是一个很好的起点，可以让你了解我们为什么要让 Vite 变得更加灵活。

如果您是框架作者或 Vite 插件维护者，并且希望利用新的 API，您可以在环境 API 指南^[59]中了解更多信息。

我们要感谢所有参与定义和实现新 API 的人。Anthony Fu 和 Pooya Parsa 制作了 vite-node，以改进Nuxt 使用 Vite 的 Dev SSR 故事^[60]。然后 Anthony 使用 vite-node 为 Vitest 提供支持，Vladimir Sheremet 继续改进它。2023 年初，Vladimir 开始致力于将 vite-node 上游到 Vite Core，一年后我们在 Vite 5.1 中将其作为运行时 API 发布。生态系统合作伙伴的反馈（特别感谢 Cloudflare 团队）促使我们对 Vite 的环境进行了更雄心勃勃的重新设计。您可以在Patak 的 ViteConf 24 演讲^[61]中了解有关该故事的更多信息。

Vite 团队的每个人都参与了新 API 的定义，该 API 是根据生态系统中许多项目的反馈共同设计的。感谢所有参与者！如果您正在 Vite 上构建框架、插件或工具，我们鼓励您参与其中。新 API 是实验性的。我们将与生态系统合作，审查新 API 的使用方式，并在下一次重大更新中稳定它们。如果您想提问或提供反馈，这里有一个开放的 GitHub 讨论^[62]。

主要变化^[63]

• 默认值为`resolve.conditions`^[64]
• JSON 字符串化^[65]
• HTML 元素中的资产引用的扩展支持^[66]
• postcss-加载配置^[67]
• Sass 现在默认使用现代 API^[68]
• 在库模式下自定义CSS输出文件名^[69]
• 还有一些变化只会影响少数用户^[70]

还有一个新的“重大变化”^[71]页面，列出了 Vite 中所有计划中的、正在考虑的和过去的更改。

迁移至 Vite 6^[72]

对于大多数项目来说，更新到 Vite 6 应该很简单，但我们建议在升级之前查看详细的迁移指南^[73]。完整的更改列表位于Vite 6 更改日志^[74]中。

致谢^[75]

Vite 6 是我们社区贡献者、下游维护者、插件作者和Vite 团队^[76]长时间工作的成果。我们感谢赞助 Vite 开发的个人和公司。Vite 由VoidZero与^[77]StackBlitz^[78]、Nuxt Labs^[79]和Astro^[80]合作推出。感谢Vite 的 GitHub Sponsors^[81]和Vite 的 Open Collective^[82]上的赞助商。