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 对提升开发者体验的承诺。

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

往期精彩推荐

相关推荐
拉不动的猪1 小时前
回顾 pinia VS vuex
前端·vue.js·面试
Warren982 小时前
Java异常讲解
java·开发语言·前端·javascript·vue.js·ecmascript·es6
超级土豆粉2 小时前
Taro Hooks 完整分类详解
前端·javascript·react.js·taro
iphone1082 小时前
从零开始学网页开发:HTML、CSS和JavaScript的基础知识
前端·javascript·css·html·网页开发·网页
辰九九2 小时前
Vue响应式原理
前端·javascript·vue.js
中等生2 小时前
为什么现在的前端项目都要'启动'?新手必懂的开发环境变迁
前端·javascript·react.js
瑶琴AI前端2 小时前
HBuilderX uniapp项目转vue-cli项目完整步骤(已成功)
前端·vue.js·uni-app
罗行2 小时前
手写防抖和节流
前端·javascript
颜酱2 小时前
理解并尝试vue3源码的reactivity
前端·javascript·vue.js
苏州第一深情2 小时前
【uniapp】uniapp实现单点登录、打包H5部署到线上
javascript·vue.js·uni-app