【构建工具】vite2没捂热，vite5又来了，性能大幅提升！

vite2还没焐热，vite5又来了！！！ 就在一周前vite5重磅发布了！性能大幅提升! 请看下面：下面是翻译过来的，原文：Vite 5.0 发布！ |维特 (vitejs.dev)

Vite 4 大约在一年前发布，它为生态系统奠定了坚实的基础。每周的 npm 下载量从 2 万跃升至 5 万，因为项目不断建立在共享的基础设施上。框架不断创新，除了 Astro、Nuxt、SvelteKit、Solid Start、Qwik City 等之外，我们还看到了新框架的加入，使生态系统更加强大。RedwoodJS 和 Remix 切换到 Vite 为 React 生态系统的进一步采用铺平了道路。Vitest 的增长速度比 Vite 更快。其团队一直在努力工作，并将很快发布Vitest 7.5。当 Vite 与 Storybook、Nx 和 Playwright 等其他工具一起使用时，Vite 的故事不断改进，环境也是如此，Vite 开发人员在 Deno 和 Bun 中都可以工作。

一个月前，我们举办了第二届 ViteConf，由 StackBlitz 主办。与去年一样，生态系统中的大多数项目都聚集在一起分享想法并建立联系，以不断扩大共享空间。我们还看到新的部分补充了元框架工具带，如 Volar 和 Nitro。Rollup 团队在同一天发布了 Rollup 4，这是 Lukas 去年开始的传统。

六个月前，Vite 4.3 发布。此版本显著提高了开发服务器的性能。但是，仍有很大的改进空间。在 ViteConf 上，Evan You 公布了 Vite 开发 Rolldown 的长期计划，Rolldown 是一个具有兼容 API 的 Rollup 的 Rust 端口。一旦它准备好了，我们打算在 Vite Core 中使用它来承担 Rollup 和 esbuild 的任务。这将意味着构建性能的提升（以及后来的开发性能提升，因为我们将 Vite 本身的性能敏感部分迁移到 Rust 上），并大大减少了开发和构建之间的不一致。Rolldown目前处于早期阶段，团队正准备在年底前开源代码库。敬请关注！

今天，我们标志着 Vite 道路上的又一个重要里程碑。Vite 团队、贡献者和生态系统合作伙伴很高兴地宣布 Vite 5 正式发布。Vite 现在正在使用 Rollup 4，这已经代表了构建性能的大幅提升。此外，还有一些新选项可以提高开发服务器的性能配置文件。

Vite 5 专注于清理 API（删除已弃用的功能）并简化了几个功能，以解决长期存在的问题，例如切换到使用适当的 AST 替换而不是正则表达式。我们还将继续采取措施使 Vite 面向未来（现在需要 Node.js 18+，并且 CJS 节点 API 已被弃用）。define

快速链接：

• 文档
• 迁移指南
• 更改日志

其他语言的文档：

• 简体中文
• 日本語
• 西班牙醇
• Português
• ???
• Deutsch （新翻译！

如果你是 Vite 的新手，我们建议您先阅读入门指南和功能指南。

我们感谢 Vite Core 的 850 多位贡献者，以及帮助我们走到这一步的 Vite 插件、集成、工具和翻译的维护者和贡献者。我们鼓励您参与进来，并与我们一起继续改进 Vite。您可以在我们的贡献指南中了解更多信息。首先，我们建议对问题进行分类、审查 PR、根据未解决的问题发送失败的测试 PR，并在 Discussions 和 Vite Land 的帮助论坛中帮助其他人。在此过程中，您将学到很多东西，并顺利为项目做出进一步贡献。如果您有任何疑问，请加入我们的 Discord 社区，并在 #contributing 频道上打个招呼。

要了解最新信息，请在 X 或 Mastodon 上关注我们。

Vite 5 快速入门

用于使用你喜欢的框架搭建 Vite 项目的脚手架，或者使用 vite.new 在线打开一个启动的模板来玩 Vite 5。您还可以运行以访问来自其他框架和运行时（Solid、Deno、SSR 和库启动器）的模板。 当您在该选项下运行时，模板也可用。pnpm create vite``pnpm create vite-extra``create vite-extra``create vite``Others

请注意，Vite 入门模板旨在用作使用不同框架测试 Vite 的游乐场。在构建下一个项目时，我们建议联系每个框架推荐的初学者。一些框架现在也重定向到它们的启动器（以及 Vue 和 Svelte）。create vite``create-vue``Nuxt 3``SvelteKit

Node.js 支持?

Vite 不再支持 Node.js 14 / 16 / 17 / 19，后者已达到其 EOL。现在需要 Node.js 18 / 20+。

性能?

除了 Rollup 4 的构建性能改进之外，还有一个新指南可帮助您识别和修复 vitejs.dev/guide/perfo… 常见的性能问题。

Vite 5 还引入了 server.warmup，这是一个缩短启动时间的新功能。它允许您定义一个模块列表，这些模块应在服务器启动后立即进行预转换。当使用 --open 或 server.open 时，Vite 也会自动预热应用的入口点或提供的 URL 来打开。

主要变化?

• Vite 现在由 Rollup 4 提供支持
• CJS 节点 API 已被弃用
• 返工定义和 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 核心的完整更改列表的低级细分。

转发本文+关注+添加下方下助理即可领取更多资料