大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以 点此扫码加我微信 lxchuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北|河南籍前端群，可加我微信进群。公众号回复【相亲】关键词可以获取男生、女生的菜单~欢迎大家投稿"相亲"小栏目，或者原创文章。
原文链接：https://vitejs.dev/blog/announcing-vite5
Vite 5.0 is out!
2023 年 11 月 16 日
以下是我(若川)简单翻译了一下。
转载需注明：翻译转载自@公众号：若川视野
Vite 4发布[1]已近一年，为生态系统奠定了坚实的基础。随着项目不断建立在共享基础设施上，npm 每周下载量从 250 万次跃升至 750 万次。框架不断创新，除了Astro[2]、Nuxt[3]、SvelteKit[4]、Solid Start[5]、Qwik City[6]等之外，我们还看到新框架的加入，使生态系统变得更加强大。RedwoodJS[7]和Remix[8]切换到 Vite 为 React 生态系统的进一步采用铺平了道路。Vitest 的[9]增长速度甚至比 Vite 还要快。其团队一直在努力，即将发布Vitest 1.0[10]。Vite 与Storybook[11]、Nx[12]和Playwright[13]等其他工具一起使用时的故事不断改进，环境也是如此，Vite 开发人员在Deno[14]和Bun[15]中工作。
一个月前，我们举办了第二届ViteConf ，由[16]StackBlitz[17]主办。与去年一样，生态系统中的大多数项目聚集在一起分享想法并相互联系，以不断扩大公共空间。我们还看到新的作品补充了Volar[18]和Nitro[19]等元框架工具带。Rollup 团队在同一天发布了Rollup 4[20]，这是 Lukas 去年开始的传统。
六个月前，Vite 4.3发布[21]。此版本显着提高了开发服务器性能。然而，仍有很大的改进空间。在 ViteConf 上，Evan You 公布了 Vite 在 Rolldown 上的长期计划[22]，Rolldown 是 Rollup 的 Rust 端口，具有兼容的 API。一旦准备好，我们打算在 Vite Core 中使用它来承担 Rollup 和 esbuild 的任务。这将意味着构建性能的提升（以及稍后开发性能的提升，因为我们将 Vite 本身的性能敏感部分转移到 Rust），并大大减少了开发和构建之间的不一致。Rolldown 目前处于早期阶段，团队准备在年底前开源代码库。敬请关注！
今天，我们迎来了 Vite 道路上的又一个重要里程碑。Vite团队[23]、贡献者[24]和生态系统合作伙伴很高兴地宣布 Vite 5 的发布。Vite 现在使用Rollup 4[25]，这已经代表了构建性能的巨大提升。还有一些新选项可以提高您的开发服务器性能配置文件。
Vite 5 专注于清理 API（删除已弃用的功能）并简化多个功能来解决长期存在的问题，例如切换到define使用正确的 AST 替换而不是正则表达式。我们还继续采取措施实现面向未来的 Vite（现在需要 Node.js 18+，并且CJS Node API 已被弃用[26]）。快速链接：
文档[27]
迁移指南[28]
变更日志[29]
其他语言的文档：
简体中文[30]
日本语[31]
西班牙语[32]
葡萄牙语[33]
한국어[34]
德语[35]（新翻译！）
如果您是 Vite 新手，我们建议您首先阅读入门[36]和功能[37]指南。
我们感谢 Vite Core 的 850 多名贡献者[38]，以及帮助我们到达这里的 Vite 插件、集成、工具和翻译的维护者和贡献者。我们鼓励您参与并与我们一起继续改进 Vite。您可以在我们的贡献指南[39]中了解更多信息。首先，我们建议对问题进行分类[40]、审查 PR[41]、根据未决问题发送失败的测试 PR，并在讨论[42]和 Vite Land帮助论坛[43]中帮助其他人。在此过程中您将学到很多东西，并有一条顺利的道路为该项目做出进一步的贡献。如果您有疑问，请加入我们的Discord 社区，并在[44]#contributing 频道[45]上打个招呼。
要了解最新动态，请在X[46]或Mastodon[47]上关注我们。
1快速入门Vite 5
用于使用您喜欢的框架搭建 Vite 项目，或者使用vite.new[48]pnpm create vite在线打开启动模板来使用 Vite 5 。您还可以运行以访问其他框架和运行时（Solid、Deno、SSR 和库启动器）的模板。当您在该选项下运行时，模板也可用。pnpm create vite-extra``create vite-extra``create vite``Others
请注意，Vite 入门模板旨在用作使用不同框架测试 Vite 的平台。在构建下一个项目时，我们建议联系每个框架推荐的初学者。一些框架现在也重定向到create vite它们的启动器（create-vue对于Nuxt 3Vue 和SvelteKitSvelte）。
2Node.js 支持
Vite 不再支持已 EOL 的 Node.js 14 / 16 / 17 / 19。现在需要 Node.js 18 / 20+。
3表现
除了 Rollup 4 的构建性能改进之外，还有一个新指南可帮助您识别和修复常见性能问题：https://vitejs.dev/guide/performance[49]。
Vite 5 还引入了server.warmup[50]，这是一个改善启动时间的新功能。它允许您定义应在服务器启动后立即进行预转换的模块列表。当使用`--open`或 时`server.open`[51]，Vite 还会自动预热您的应用程序的入口点或提供的 URL 以打开。
4主要变化
Vite 现已由 Rollup 4 提供支持[52]
CJS Node API 已被弃用[53]
返工`define`和更换策略`import.meta.env.*`[54]
SSR 外部化模块价值现已与产量匹配[55]
`worker.plugins`现在是一个函数[56]
允许包含的路径`.`回退到index.html[57]
协调开发和预览 HTML 服务行为[58]
`.vite`现在默认在目录中生成清单文件[59]
CLI 快捷键需要额外`Enter`按一下[60]
更新`experimentalDecorators`和`useDefineForClassFields`TypeScript 行为[61]
删除`--https`标志并`https: true`[62]
删除`resolvePackageEntry`和`resolvePackageData`API[63]
删除之前已弃用的 API[64]
详细了解影响插件和工具作者的高级更改[65]
5迁移至Vite 5
我们与生态系统合作伙伴合作，确保顺利迁移到这个新专业。vite-ecosystem-ci[66]再次发挥了至关重要的作用，帮助我们做出更大胆的改变，同时避免倒退。我们很高兴看到其他生态系统采用类似的方案来改善其项目和下游维护者之间的协作。
对于大多数项目来说，Vite 5 的更新应该是直接的。但我们建议在升级之前查看详细的迁移指南[67]。
可以在Vite 5 变更日志[68]中找到包含 Vite 核心更改的完整列表的低级别细分。
6致谢
Vite 5 是我们社区的贡献者、下游维护者、插件作者和Vite 团队[69]长时间工作的成果。非常感谢Bjorn Lu[70]领导了这个专业的发布过程。
我们也感谢赞助 Vite 开发的个人和公司。StackBlitz[71]、Nuxt Labs[72]和Astro[73]通过雇佣 Vite 团队成员继续投资 Vite。向Vite 的 GitHub 赞助商[74]、Vite 的 Open Collective[75]和Evan You 的 GitHub 赞助商[76]表示感谢。特别值得一提的是Remix[77]在转为 Vite 后成为金牌赞助商并做出了贡献。
参考资料（更多点击阅读原文查看）
[1]
发布: https://vitejs.dev/blog/announcing-vite4
扫一扫
311
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
