今天,我们在 Vite 的发展历程中迈出了重要的一步。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 生态系统
上个月,社区齐聚一堂,参加了由 StackBlitz 再次主办的第三届 ViteConf。这是最大规模的 Vite 会议,生态系统中的建设者们广泛参与。Evan You 官宣了 VoidZero,一家致力于为 JavaScript 生态系统构建开源、高性能和统一开发工具链的公司。VoidZero 推出了 Rolldown 和 Oxc,他们的团队正在快速准备这些工具以供 Vite 采用。观看 Evan 的主题演讲以了解 Vite 使用 Rust 驱动未来的下一步计划。
Vite 还更新了主页和域名。你应该更新你的 URL,以指向新的 vite.dev 域名。新设计和实现由 VoidZero 完成,正是他们制作了自己的网站。特别感谢 Vicente Rodriguez 和 Simon Le Marchant。
Vite 6 的到来
有关 Vite 生态系统和 Vite Core 的最新消息,请关注我们的 Bluesky、X 或 Mastodon。
开始使用 Vite 6
pnpm create vite
快速搭建一个 Vite 应用,使用你喜欢的框架,或在线体验 Vite 6,访问 vite.new。你还可以运行 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 支持
实验性环境 API
Vite 团队的每个人都参与了新 API 的定义,该 API 是与生态系统中许多项目的反馈共同设计的。感谢所有参与者!如果你正在基于 Vite 构建框架、插件或工具,我们鼓励你参与进来。新 API 是实验性的。我们将与生态系统合作,审查新 API 的使用方式,并在下一个主要版本中稳定它们。如果你想提问或反馈意见,这里有一个 开放的 GitHub 讨论。
主要变化
resolve.conditions
默认值JSON 序列化
在 HTML 元素中扩展对资源引用的支持
postcss-load-config
Sass 现在默认使用现代 API
在"库"模式下自定义 CSS 输出文件名
以及更多仅影响少数用户的更改
此外,还有一个新的 破坏性变更 页面,列出了 Vite 中所有计划的、正在考虑的和过去的更改。
迁移到 Vite 6
完整的更改列表请参见 Vite 6 更新日志。
https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#500-2024-11-26
致谢
Vite 6 的发布离不开我们社区贡献者、下游维护者、插件作者和 Vite 团队 的辛勤工作。我们感谢所有支持 Vite 开发的个人和公司。Vite 由 VoidZero 与 StackBlitz、Nuxt Labs 和 Astro 合作呈现。特别感谢 Vite 的 GitHub 赞助者 和 Vite 的 Open Collective 上的赞助者。