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

Jym好😘,我是月弦笙音,今天给大家分享 vite5重磅发布有哪些新东西 ,嘎嘎的😍,看下面

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

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

一个月前,我们举办了第二届 ViteConf,由 StackBlitz 主办。与去年一样,生态系统中的大多数项目都聚集在一起分享想法并建立联系,以不断扩大共享空间。我们还看到新的部分补充了元框架工具带,如 VolarNitro。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

快速链接:

其他语言的文档:

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

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

要了解最新信息,请在 XMastodon 上关注我们。

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 5

我们与生态系统合作伙伴合作,确保顺利迁移到这个新专业。再一次,vite-ecosystem-ci 对于帮助我们做出更大胆的改变,同时避免回归至关重要。我们很高兴看到其他生态系统采用类似的方案来改善他们的项目与下游维护者之间的协作。

对于大多数项目来说,Vite 5 的更新应该是直接的。但我们建议在升级之前查看详细的迁移指南

可以在 Vite 5 更新日志中找到对 Vite 核心的完整更改列表的低级细分。

尤雨溪说

Vite 5 是我们的贡献者、下游维护者、插件作者和 Vite 团队社区长时间工作的结果。非常感谢 Bjorn Lu 领导了这个专业的发布过程。

我们也感谢赞助 Vite 开发的个人和公司。StackBlitzNuxt LabsAstro 通过聘请 Vite 团队成员继续投资 Vite。向 Vite 的 GitHub Sponsors、Vite 的 Open CollectiveEvan You 的 GitHub Sponsors 的赞助商致敬。特别值得一提的是 Remix 成为金牌赞助商,并在切换到 Vite 后回馈社会。

相关推荐
小小小小宇1 小时前
前端并发控制管理
前端
小小小小宇2 小时前
前端SSE笔记
前端
小小小小宇2 小时前
前端 WebSocket 笔记
前端
小小小小宇3 小时前
前端visibilitychange事件
前端
小小小小宇3 小时前
前端Loader笔记
前端
烛阴4 小时前
从0到1掌握盒子模型:精准控制网页布局的秘诀
前端·javascript·css
前端工作日常7 小时前
我理解的`npm pack` 和 `npm install <local-path>`
前端
李剑一8 小时前
说个多年老前端都不知道的标签正确玩法——q标签
前端
嘉小华8 小时前
大白话讲解 Android屏幕适配相关概念(dp、px 和 dpi)
前端
姑苏洛言8 小时前
在开发跑腿小程序集成地图时,遇到的坑,MapContext.includePoints(Object object)接口无效在组件中使用无效?
前端