Vite 6.0 发布啦！​

Vite 6.0 发布啦！ ^[1]

2024年11月26日

今天，我们在Vite的发展历程中又迈出了一大步。Vite的 团队 ^[2] 、 贡献者 ^[3] 以及生态系统合作伙伴都很高兴地宣布Vite 6版本发布了。

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

新的框架也加入了Vite生态系统，包括 TanStack Start ^[6] 、 One ^[7] 、 Ember ^[8] 等等。Web框架的创新步伐日益加快。你可以查看一下 Astro ^[9] 、 Nuxt ^[10] 、 SvelteKit ^[11] 、 Solid Start ^[12] 、 Qwik City ^[13] 、 RedwoodJS ^[14] 、 React Router ^[15] 等项目所做的改进，类似的项目还有很多。

OpenAI、谷歌、苹果、微软、美国国家航空航天局（NASA）、Shopify、Cloudflare、GitLab、Reddit、Linear等众多公司都在使用Vite。两个月前，我们开始整理一份 使用Vite的公司列表 ^[16] 。我们很高兴看到许多开发者向我们发送拉取请求（PR），将他们所在的公司添加到这个列表中。很难想象，自Vite迈出第一步以来，我们共同打造的这个生态系统已经发展得如此壮大。

加速Vite生态系统发展 ^[17]

上个月，社区齐聚一堂，参加了由 StackBlitz ^[18] 再次主办的第三届 ViteConf ^[19] 。这是规模最大的Vite会议，生态系统中的众多构建者都参与其中。在众多发布消息中，尤雨溪（Evan You）宣布了 VoidZero ^[20] ，这是一家致力于为JavaScript生态系统打造开源、高性能且统一的开发工具链的公司。VoidZero是 Rolldown ^[21] 和 Oxc ^[22] 背后的团队，他们取得了重大进展，使其能迅速准备好被Vite采用。观看尤雨溪的主题演讲，可进一步了解Vite基于Rust的未来发展方向。

StackBlitz ^[23] 推出了 bolt.new ^[24] ，这是一个结合了Claude和WebContainers的Remix应用，能让你提示、编辑、运行和部署全栈应用。内特·韦纳（Nate Weiner）宣布了 One ^[25] ，这是一个由Vite支持的用于Web和原生应用的新React框架。Storybook展示了他们最新的由Vitest提供支持的 测试功能 ^[26] 。还有很多其他内容。我们鼓励你观看 全部43场演讲 ^[27] 。演讲者们付出了巨大努力，与我们分享了各个项目的进展情况。

Vite还更新了首页，并且有了一个简洁的域名。今后你应该将网址更新为指向新的 https://vite.dev/ ^[28] 域名。新的设计和实现是由VoidZero完成的，就是打造他们自己网站的那帮人哦。要特别感谢 维森特·罗德里格斯（Vicente Rodriguez） ^[29] 和 西蒙·勒·马钱特（Simon Le Marchant） ^[30] 。

Vite的下一个重大版本来了 ^[31]

Vite 6是自Vite 2以来最重要的重大版本发布。我们渴望与生态系统合作，通过新的应用程序编程接口（API）继续拓展我们的共享资源，并且像往常一样，打造一个更精良的基础以供构建应用。

快速链接：

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

如果你刚开始接触Vite，我们建议你先阅读 入门指南 ^[41] 和 功能介绍 ^[42] 。

我们要感谢1000多名Vite核心贡献者以及Vite插件、集成、工具和翻译的维护者与贡献者，他们帮助我们打造了这个新的重大版本。我们邀请你参与进来，帮助我们为整个生态系统改进Vite。欲了解更多信息，请查看我们的 贡献指南 ^[43] 。

首先，我们建议帮忙 梳理问题 ^[44] 、 审查拉取请求（PR） ^[45] ，根据公开问题发送失败测试的PR，并在 讨论区 ^[46] 以及Vite Land的 帮助论坛 ^[47] 中为其他人提供支持。如果你想和我们交流，可以加入我们的 Discord社区 ^[48] ，并在 #贡献频道 ^[49] 打个招呼。

要获取有关Vite生态系统和Vite核心的最新消息，请在 Bluesky ^[50] 、 X（原推特） ^[51] 或者 Mastodon ^[52] 上关注我们。

开始使用Vite 6 ^[53]

你可以使用 pnpm create vite 命令，根据自己偏好的框架快速搭建一个Vite应用，或者使用 https://vite.new/ ^[54] 在线试用Vite 6。你也可以运行 pnpm create vite-extra 命令，以获取其他框架和运行时（如Solid、Deno、服务端渲染（SSR）以及库启动模板）的模板。当你在 Others （其他）选项下运行 create vite 时，也可以使用 create vite-extra 模板。

Vite的启动模板旨在作为一个测试不同框架与Vite结合使用的“试验场”。在构建下一个项目时，你应该使用各框架推荐的启动模板。 create vite 命令还为一些框架（如 create-vue 、 Nuxt 3 、 SvelteKit 、 Remix 、 Analog 、 Angular ）提供了设置合适启动模板的快捷方式。

Node.js支持情况 ^[55]

与Vite 5类似，Vite 6支持Node.js 18、20以及22及以上版本。Node.js 21版本的支持已被移除。在Node.js版本达到 生命周期结束（EOL） ^[56] 后，Vite会停止对旧版本的支持。Node.js 18的生命周期结束时间是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，用于通过Vite改进 Nuxt的开发服务端渲染（Dev SSR）情况 ^[60] 。随后安东尼使用vite-node为Vitest提供支持， Vladimir Sheremet 则不断对其进行改进。2023年初， Vladimir 开始着手将vite-node向上游合并到Vite核心中，一年后我们在Vite 5.1版本中将其作为运行时API发布了。来自生态系统合作伙伴（特别要感谢Cloudflare团队）的反馈促使我们对Vite的环境进行了一次更具雄心的重新设计。你可以在 帕塔克（Patak）在ViteConf 24上的演讲 ^[61] 中了解更多相关故事。

Vite团队的每个人都参与了新API的定义工作，该API是结合生态系统中众多项目的反馈共同设计的。感谢每一位参与者！如果你正在基于Vite构建框架、插件或者工具，我们鼓励你参与进来。这些新的API是实验性的。我们将与生态系统合作，审视这些新API的使用情况，并在下一个重大版本中将它们稳定下来。如果你想问问题或者提供反馈，在 这里 ^[62] 有一个开放的GitHub讨论话题。

主要变更 ^[63]

• `resolve.conditions`的默认值 ^[64]
• JSON字符串化 ^[65]
• 在HTML元素中对资源引用的扩展支持 ^[66]
• postcss-load-config ^[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赞助商 ^[81] 以及 Vite的Open Collective ^[82] 上的赞助商们表示感谢。

• 我是 ssh，工作 6 年+，阿里云、字节跳动 Web infra 一线拼杀出来的资深前端工程师 + 面试官，非常熟悉大厂的面试套路，Vue、React 以及前端工程化领域深入浅出的文章帮助无数人进入了大厂。
• 欢迎 长按图片加 ssh 为好友 ，我会第一时间和你分享前端行业趋势，学习途径等等。2024 陪你一起度过！

• 
  

• 

• 
  
关注公众号，发送消息：
指南 ， 获取 高级前端、算法 学习路线 ，是我自己一路走来的实践。
简历 ， 获取 大厂 简历编写指南 ，是我看了上百份简历后总结的心血。
面经 ， 获取 大厂 面试题 ，集结社区优质面经，助你攀登高峰