Vite 5.0 发布!
2023年11月16日
Vite 4 几乎一年前发布,并为生态系统奠定了坚实的基础。随着项目持续构建在共享的基础设施上,每周 npm 下载量从 250 万跃升至 750 万。框架继续创新,除了Astro、Nuxt、SvelteKit、Solid Start、Qwik City等之外,我们还看到新的框架加入,使生态系统更加强大。RedwoodJS 和 Remix 切换到 Vite 为其在 React 生态系统中的进一步采用铺平了道路。Vitest 的增长速度甚至超过了 Vite。其团队一直在努力工作,并即将发布 Vitest 1.0。Vite 与其他工具(如 Storybook、Nx 和 Playwright)一起使用时的故事不断改进,环境也是如此,Vite dev 可以在 Deno 和 Bun 中工作。
一个月前,我们在 StackBlitz 主办了第二届 ViteConf。与去年一样,生态系统中的大多数项目都聚集在一起,分享想法并建立联系,以继续扩展公共资源。我们还看到新的部分补充了元框架工具带,例如 Volar 和 Nitro。Rollup 团队在同一天发布了 Rollup 4,这是 Lukas 去年开始的传统。
六个月前,Vite 4.3发布。此版本显着提高了开发服务器的性能。但是,仍然有很大的改进空间。在 ViteConf 上,Evan You 公布了 Vite 的长期计划,即开发 Rolldown,这是一个具有兼容 API 的 Rollup 的 Rust 移植版本。一旦准备就绪,我们打算在 Vite Core 中使用它来承担 Rollup 和 esbuild 的任务。这意味着构建性能的提升(以及之后随着我们将 Vite 本身的性能敏感部分迁移到 Rust 而带来的开发性能提升),以及开发和构建之间不一致性的大幅减少。Rolldown 目前处于早期阶段,团队正准备在年底之前开源代码库。敬请期待!
今天,我们标志着 Vite 发展道路上的另一个重要里程碑。Vite 团队、贡献者 和生态系统合作伙伴很高兴地宣布发布 Vite 5。Vite 现在使用 Rollup 4,这已经代表了构建性能的巨大提升。并且还有新的选项可以提高您的开发服务器性能配置文件。
Vite 5 专注于清理 API(删除弃用的功能)并简化多个功能,从而解决了长期存在的问题,例如将 define
切换为使用正确的 AST 替换而不是正则表达式。我们还继续采取措施使 Vite 面向未来(现在需要 Node.js 18+,并且CJS Node API 已弃用)。
快速链接
其他语言的文档
如果您是 Vite 的新手,我们建议您首先阅读 入门 和 功能 指南。
我们感谢超过 850 位 Vite Core 贡献者,以及 Vite 插件、集成、工具和翻译的维护者和贡献者,他们帮助我们取得了今天的成就。我们鼓励您参与进来,并继续与我们一起改进 Vite。您可以在我们的 贡献指南 中了解更多信息。要开始,我们建议您 分类问题、审查 PR、根据未解决的问题发送失败的测试 PR,并在 讨论 和 Vite Land 的 帮助论坛 中帮助他人。您将在这一过程中学到很多东西,并拥有通往项目进一步贡献的顺利途径。如果您有任何疑问,请加入我们的 Discord 社区,并在 #contributing 频道 上打个招呼。
使用 Vite 5 快速入门
使用 pnpm create vite
使用您首选的框架搭建 Vite 项目,或在线打开启动模板,使用 vite.new 尝试使用 Vite 5。您还可以运行 pnpm create vite-extra
以访问来自其他框架和运行时的模板(Solid、Deno、SSR 和库启动器)。当您在 Others
选项下运行 create vite
时,也可以使用 create vite-extra
模板。
请注意,Vite 启动模板旨在用作测试不同框架的 Vite 的游乐场。在构建您的下一个项目时,我们建议您联系每个框架推荐的启动器。一些框架现在也在 create vite
中重定向到它们的启动器(Vue 的 create-vue
和 Nuxt 3
,以及 Svelte 的 SvelteKit
)。
Node.js 支持
Vite 不再支持已达到生命周期结束的 Node.js 14/16/17/19。现在需要 Node.js 18/20+。
性能
除了 Rollup 4 的构建性能改进之外,还有一份新的指南可以帮助您识别和修复 https://vite.vuejs.ac.cn/guide/performance 上的常见性能问题。
Vite 5 还引入了 server.warmup,这是一项用于改进启动时间的新功能。它允许您定义一个模块列表,这些模块应在服务器启动后立即进行预转换。当使用 --open
或 server.open
时,Vite 还会自动预热应用程序的入口点或提供的 URL 以打开。
主要变化
- Vite 现在由 Rollup 4 提供支持
- CJS Node API 已弃用
- 重新设计
define
和import.meta.env.*
替换策略 - SSR 外部化模块值现在与生产环境匹配
worker.plugins
现在是一个函数- 允许包含
.
的路径回退到 index.html - 使开发和预览 HTML 提供行为保持一致
- 清单文件现在默认生成在
.vite
目录中 - CLI 快捷方式需要额外按一次
Enter
键 - 更新
experimentalDecorators
和useDefineForClassFields
TypeScript 行为 - 删除
--https
标志和https: true
- 删除
resolvePackageEntry
和resolvePackageData
API - 删除先前已弃用的 API
- 阅读有关影响插件和工具作者的高级更改的更多信息
迁移到 Vite 5
我们已与生态系统合作伙伴合作,以确保顺利迁移到这个新的主要版本。再次强调,vite-ecosystem-ci 对帮助我们进行更大胆的更改并避免出现回归至关重要。我们很高兴看到其他生态系统采用类似的方案来改进其项目与下游维护者之间的协作。
对于大多数项目,更新到 Vite 5 应该很简单。但在升级之前,我们建议您查看 详细的迁移指南。
可以在 Vite 5 变更日志 中找到对 Vite 核心进行的完整更改列表的低级细分。
鸣谢
Vite 5 是我们贡献者社区、下游维护者、插件作者和 Vite 团队 长期辛勤工作的成果。特别感谢 Bjorn Lu 领导了此主要版本的发布流程。
我们还要感谢赞助 Vite 开发的个人和公司。StackBlitz、Nuxt Labs 和 Astro 通过聘用 Vite 团队成员继续投资 Vite。特别感谢 Vite 的 GitHub 赞助商、Vite 的 Open Collective 和 Evan You 的 GitHub 赞助商 上的赞助商。特别感谢 Remix 成为金牌赞助商并在切换到 Vite 后回馈社区。