VoidZero 发布消息称 Vite 纪录片即将首映!🎉🎉🎉

前言

VoidZero 昨天发布了最新动态,总结了 VoidZero 在 7 月份的主要成果!

往期精彩推荐

正文

Vite+ 神秘揭幕

尤雨溪多次在会议上提到了 Vite+ 的消息,这是一个备受期待的新项目,将在阿姆斯特丹举办的 ViteConf 上正式揭晓!

Vite 纪录片首映

同时,VoidZero 计划将在阿姆斯特丹举办的 ViteConf 上首映一部关于 Vite 发展历程的纪录片。这部纪录片将回顾 Vite 从诞生到成为前端开发核心工具的历程,展示其背后的团队努力和技术突破。预告片已发布,开发者可以通过观看预告片提前感受 Vite 的故事。

下面是预告片视频地址: assets.jsworldconference.com/Vite_Conf_P...

Vite 7 的重大更新

Vite 7 是本次更新的重头戏,带来了多项重要改进:

  • Environment API:为开发者提供了更灵活的环境配置方式,简化了多环境开发。
  • buildApp 钩子:增强了构建过程中的自定义能力,适合需要复杂构建逻辑的项目。
  • ESM-only 包:Vite 正式转为 ESM-only,响应现代 JavaScript 模块化的趋势。
  • Node.js 18 生命周期结束:随着 Node.js 18 即将停止支持,开发者需升级到更高版本以确保兼容性。
  • 超越 Webpack:Vite 的周下载量已超过 Webpack,达到 3100 万次,标志着其在前端工具领域的领先地位。

开发者可以通过 npm 或 Yarn 安装 Vite 7:

bash 复制代码
npm install vite@7

此外,Vite 社区的 Discord 提供了实时支持和讨论,开发者可以加入以获取最新动态。

Rolldown 的性能跃进

Rolldown 作为 VoidZero 的新一代 Rust 驱动打包工具,在 7 月份迎来了多项性能优化:

  • tsconfig 路径解析:Rolldown 现支持 tsconfig 的路径解析,开发者无需额外配置即可使用自定义路径。
  • Yarn Plug-and-Play 支持:增强了与 Yarn 的兼容性,简化了依赖管理。
  • vite-plugin-node-polyfills 更新:解决了 Node.js 环境下的兼容性问题,适合需要 Node.js 内置模块的项目。
  • 性能优化
    • 将顶级变量改为 var,减少了内存占用。
    • 启动时间提升 2.1 倍,显著加快了大型项目的构建速度。

这些改进使 Rolldown 在处理复杂项目时更加高效,尤其适合需要快速构建的大型前端应用。

Oxc 的类型感知 linting

Oxc 是 VoidZero 的高性能工具链组件,专注于解析、转换和 linting。本次更新引入了以下功能:

  • 类型感知 linting :基于 typescript-eslint@auvred,初始支持两个规则,计划逐步支持所有类型感知规则。
  • 性能表现:在大型仓库(如 VS Code)中,Oxc 的 linting 速度没有明显下降,保持了高效性。
  • ESLint 兼容 API:支持通过 ESLint 兼容的 API 自定义 JS 规则,方便开发者迁移现有规则。
  • Oxlint 小版本更新:发布了多个小版本,进一步优化了 linting 体验。

这些更新使 Oxc 成为 TypeScript 项目中强大的 linting 工具,尤其适合需要类型安全的大型项目。

Vitest 的视觉回归测试

Vitest 作为测试框架,在本次更新中新增了以下功能:

  • 视觉回归测试:在 beta v4.0.0-beta.4 中引入了 Visual Regression Testing,允许开发者检测 UI 变化,确保界面一致性。
  • 下载量里程碑@vitest/browser 包的周 NPM 下载量突破 100 万,显示了 Vitest 在测试领域的广泛采用。

开发者可以通过以下命令尝试 Vitest 的 beta 版本:

bash 复制代码
npm install vitest@beta

最后

VoidZero 的 2025 年 7 月更新为 JavaScript 开发者带来了丰富的工具升级和未来展望,这些更新都体现了 VoidZero 对提升开发者体验的承诺。

今天的分享就这些了,感谢大家的阅读!如果文章中存在错误的地方欢迎指正!

往期精彩推荐

相关推荐
之歆10 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
发现一只大呆瓜11 小时前
Vite凭什么这么快?3分钟带你彻底搞懂 Vite 热更新的幕后黑手
前端·面试·vite
Maimai1080811 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly
candyTong11 小时前
Claude Code 的 Edit 工具是怎么工作的
javascript·后端·架构
卡卡军14 小时前
agmd 1.0 重磅升级——Rust 重写,性能起飞
javascript·rust
Larcher14 小时前
🔥 告别抓瞎:用 Claude Code (cc) 优雅接手与维护已有项目
javascript·机器学习·前端框架
JYeontu14 小时前
轮播图不够惊艳?试下这个立体卡片轮播图
前端·javascript·css
亲亲小宝宝鸭14 小时前
如何监听DOM尺寸的变化?element-resize-detector 和 resizeObserver
前端·javascript
代码煮茶14 小时前
Vite 5.0 新特性深度解析:更快、更干净、更未来的前端构建利器
vue.js
卷帘依旧17 小时前
Generator 全面解析 + async/await 深度对比
前端·javascript