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

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

往期精彩推荐

相关推荐
2601_9498095917 分钟前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
Up九五小庞28 分钟前
开源埋点分析平台 ClkLog 本地部署 + Web JS 埋点测试实战--九五小庞
前端·javascript·开源
摘星编程1 小时前
React Native + OpenHarmony:UniversalLink通用链接
javascript·react native·react.js
qq_177767371 小时前
React Native鸿蒙跨平台数据使用监控应用技术,通过setInterval每5秒更新一次数据使用情况和套餐使用情况,模拟了真实应用中的数据监控场景
开发语言·前端·javascript·react native·react.js·ecmascript·harmonyos
烬头88211 小时前
React Native鸿蒙跨平台应用实现了onCategoryPress等核心函数,用于处理用户交互和状态更新,通过计算已支出和剩余预算
前端·javascript·react native·react.js·ecmascript·交互·harmonyos
程序员清洒3 小时前
Flutter for OpenHarmony:Text — 文本显示与样式控制
开发语言·javascript·flutter
雨季6663 小时前
Flutter 三端应用实战:OpenHarmony 简易“动态内边距调节器”交互模式深度解析
javascript·flutter·ui·交互·dart
会飞的战斗鸡4 小时前
JS中的链表(含leetcode例题)
javascript·leetcode·链表
方也_arkling5 小时前
别名路径联想提示。@/统一文件路径的配置
前端·javascript
qq_177767375 小时前
React Native鸿蒙跨平台剧集管理应用实现,包含主应用组件、剧集列表、分类筛选、搜索排序等功能模块
javascript·react native·react.js·交互·harmonyos