前端进阶之旅前端进阶之旅
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
基础篇
进阶篇
高频篇
精选篇
手写篇
面经篇
AI 篇
原理篇
每日一题
小程序题库
知识卡片
  • 历年面经按年份追踪真实考点
  • 算法题库NEW在线编码即时判题
  • 专项自测100 题快速查漏
  • 业务场景题真实业务问题与追问
  • 前端基础
    • HTTP从报文一路讲到 HTTPS
    • 浏览器渲染、事件循环、进程
    • 计算机基础Linux、网络、操作系统
  • 进阶专项
    • 设计模式23 种模式怎么用
    • 前端系统进阶学习大型项目工程化
    • 前端综合文章长期沉淀的实践文
  • 工程与工具
    • Node学习指南从环境搭建到服务端
    • NPM工作流script、依赖与发布
    • Docker容器化部署上手
    • Canvas图形与动画实战
  • 路线与导图
    • 思维导图知识点全景图
    • 学习路线按图索骥不跑偏
  • 动态
    • 公众号动态公众号历史文章
    • 博客动态站长的技术博客
    • 开发者导航常用工具与文档站
  • AI 助手随时提问,即时解析
  • AI 模拟面试模拟真实面试 + 报告
  • AI 知识地图串起全站知识点
  • AI 定制路线按你的简历现排
AI 热点
旧版
返回 AI 情报前线
All News · 全部资讯9013
  • Claude Sonnet 5.5 编程 benchmark 暴涨 6 倍,成本降三成
  • Anthropic发布Sonnet 5.5:半价达到 Opus 水平
  • Claude Sonnet 5.5 发布:性价比翻倍
  • VoiceStudio: 开源全本地语音克隆,支持646语言和MCP
  • 企业级AI代理界面设计:让记忆成为第一公民
  • OpenAI代理绕过限制:通过DNS隧道实现隐蔽通信
  • IDE 不够用:构建 Agentic 开发环境 ADE
  • Agent 记住了修复方案却错了:AfterTrace 事件恢复工具
  • 代理工具调用经济学:告别靠猜
  • OpenAI代理利用Google安全游戏漏洞抓取UN数据
  • 小米 MiMo-V2.6 开源登顶 AA 指数,超越 Kimi K3
  • 代码生成自动化了,代码审查却没有:AI辅助PR的真相
  • Cloudflare推出cf CLI:Agent化的全API命令行工具
  • Nvidia在芯片层引入AI Agent看门狗:毫秒级隔离
  • pgEdge:AI 编程助手造的数据库分支无法合并,这才是设计原意
  • 月之暗面 Kimi K3.1 曝光:100 万 Token 上下文
  • Cloudflare 开源 Forge:自动生成 API SDK 和文档
  • 英伟达推 AI Agent 安全平台:毫秒级隔离失控 Agent
  • EmDash 1.0:面向Astro的安全开源CMS
  • Cloudflare Kitesurf浏览器升级:730K平台测试通过,支持WebMCP
  • Cloudflare 收购 VoidZero 后:JS 工具链提速 10 倍
  • RAG原理解析:从第一性原理出发
  • 16 岁少年用 AI 机器人 Antares 发现微软内部 API 漏洞:涉 17 万亿行数据
  • Nvidia推出Open Agent安全平台,管控越狱AI智能体
  • Holo4:通用计算机操作智能体的底层支撑
  • 英伟达发布 AI 智能体安全平台:毫秒级异常隔离
  • 用Termux在Android手机上搭AI开发服务器
  • NVIDIA开源OpenShell安全沙箱:给本地Agent施加真实运行时限制
  • OpenRig:用 YAML 定义多 Agent 团队,Claude Code 与 Codex 协同作战
  • Cursor+Claude Opus 4.6误删Railway生产数据库的完整事故报告
  • 官方发布Claude Opus 5.5 Prompt技巧指南
  • Fireworks AI发布Ember-1:后训练版Kimi K3省40% Token
  • 生产级 AI Agent 开发:比 Prompt 更重要的 7 个架构层
  • GPT-6 与 Claude Opus 5.5 一周内相继发布
  • AI Agent 生产级基础设施的五个核心层次
  • MCP stdio Server:一次 print() 导致 19% 工具调用失败
  • AI Agent 为何生产环境总是失败:真正原因不是模型
  • Kubernetes GPU 集群部署 LLM 实战:Llama 3.3 70B 和 DeepSeek R1
  • 生产环境常青的开源 LLM:没人谈但一直出现
  • 多语言LLM推理优化:tokenize是首个瓶颈
  • 三个「成功」却实际失败的Bug:HTTP 200不等于正确
  • TypeSafe AI Jev:20个Agent生产级用例实测
  • AI智能体记忆衰减的诊断与处理指南
  • 用LLM Agent自动化TLS证书过期巡检
  • Langflow 关键代码执行漏洞:SSRF 绕过直取 root 权限
  • Simon Willison 深度回顾:2026 上半年 LLM 领域关键进展
  • 开源 AI 同事:2FA 密码不进入模型上下文的架构实现
  • Claude 950 个 Agent 发现新酶系统、Devin ARR 超 10 亿美元、阿里发布 V900 芯片
  • Laya: 3亿参数决策引擎替代LLM判断
  • LLM提示注入防护:过滤不可见Unicode字符
  • OpenAI 代理 3 个月内暴力请求 UN 网站 16000 次
  • 已加载 51 / 9013
8.0
热点
AI SCORE
编程提效2026-09-28 21:00

Cloudflare 收购 VoidZero 后:JS 工具链提速 10 倍

Cloudflare Blog#JavaScript#工具链#性能优化
Editor brief · 编辑速览

VoidZero 加入 Cloudflare 四个月发布 80 多个版本,实现了 React 编译器 10 倍提速、Vite+ 1.0 等成果,显著加快了 JavaScript 编译、linting 和测试流程。

文章思维导图
Knowledge map
拖拽缩放
Full translation

完整中文译文

四个月前 VoidZero 加入 Cloudflare 时,我们对开源做出了承诺,承诺 Vite、Vitest、Rolldown、Oxc 和 Vite+ 将保持开源、厂商无关且由社区驱动。作为 Cloudflare 生日周(Cloudflare 回馈互联网的时刻)的一部分,我们认为是时候来检视一下我们践行承诺的表现了。

自 VoidZero 加入 Cloudflare 以来的四个月里,我们发布了超过 80 个版本,关闭了超过 1,200 个 issue,并落地了一些重大性能改进,包括:

  • Oxc React Compiler,8 月发布,React.js 应用编译速度提升 10 倍
  • Vitest 5,9 月发布,比 Vitest 4 快最多 50%
  • tsgolint 现已稳定,在大型代码库中比 ESLint 快最多 18 倍
  • Oxfmt 的 JSON、CSS、SCSS、Less、GraphQL 和 YAML 格式化器现已用 Rust 重写,比 Prettier 快 7 倍

在此基础上,统一整个工具链并提供出色默认配置的 Vite+ 现已达到 1.0。而我们正在推进「Bundled Dev」(前称 Full Bundle Mode)的发布——这是一种新的开发模式,在与拥有大规模 Web 应用(包括 Cloudflare 自身的仪表板)的客户合作中逐步完善。通过成为 Cloudflare 的一部分,我们的工程团队能够更好地了解仅在大规模代码库中才会出现的场景。

VoidZero 的使命是让下一代 JavaScript 开发者的效率达到前所未有的水平。而在 2026 年,这意味着要让开发者的 Agent 变得更快。

人与 Agent 更快开发体验

开发体验和性能优化一直是为了缩短软件开发过程中的反馈周期。但现在,当我们优化开发体验时,不再仅仅针对人类——我们也在为 Agent 进行优化。随着推理速度的提升,类型检查、代码检查或构建代码的过程再次成为瓶颈。这些过程耗时越长,Agent 等待进展和完成目标的时间也就越长。

VoidZero 一直专注于性能,但这个软件新纪元给我们带来了更多的理由和动力去让整个工具链——无论是对 Agent 还是对人类——都变得更快。由于 VoidZero 工具链中的各个工具相互构建,从编译器(Oxc)到打包器(Rolldown)再到构建工具(Vite),以及代码检查工具(Oxlint)和测试运行器(Vitest),每一层的优化都会自动使构建在其之上的所有工具受益。

Oxc React Compiler — React.js 应用编译时间缩短 10 倍

我们最近发布了 Oxc React Compiler,这是对 React Compiler 的重写,基于 React 团队在 Rust 上的重写。它比原始 Babel 实现快 10 倍,内存占用更少,实现更加完整,错误处理也更好。如果你使用 Vite,可以通过安装 oxc-transform-react 包并启用编译器标志来启用 Oxc React Compiler:

# shell
pnpm add -D @vitejs/plugin-react@^6.1.0 oxc-transform-react

# vite.config.js
import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

export default defineConfig({
  plugins: [react({ compiler: true })],
});

Vitest 5 — 比 Vitest 4 快最多 50%

9 月发布的 Vitest 5 在许多常见场景中将测试时间缩短了双位数百分比。

更快的测试运行。Vitest 在项目间共享转换后的文件,在磁盘上缓存模块,并减少主进程与工作进程之间传输的数据量。

vitest doctor。它分解 setup、import、transform 和 test 时间,然后测试其他配置并推荐更快的设置。

Trace View。它记录浏览器交互、断言和 DOM 快照,便于重放失败或在 HTML 报告中检查。

使用 vi.when 的条件模拟。将参数映射到响应,无需编写手动 mockImplementation。

更好的基准测试。基准测试现在像常规测试一样工作,支持 fixtures、hooks、retries、filters 和 assertions。

减少误通过。Vitest 使未等待的异步断言失败,在每个测试前清除 mock 调用,并添加 --repeats 标志来帮助发现间歇性故障。

tsgolint — 现已稳定,在大型代码库中比 ESLint 快最多 18 倍

作为 Oxlint 背后类型感知 linting 引擎的 tsgolint 现已稳定。它能在运行比 typescript-eslint 快 12 到 18 倍的同时捕获需要 TypeScript 类型数据的 bug。

59 条类型感知规则。tsgolint 现在支持 typescript-eslint 61 条类型感知规则中的 59 条。

一次遍历同时完成 linting 和类型检查。Oxlint 可以跨两个任务共享一个 TypeScript program,而不是两次分析项目。

在 Oxlint 配置中启用类型感知 linting 和 TypeScript 诊断:

import { defineConfig } from "oxlint";

export default defineConfig({
  options: {
    typeAware: true,
    typeCheck: true,
  },
});

Oxfmt — 比 Prettier 快 7 倍,格式化器现已用 Rust 重写

Oxfmt 将 Oxc 工具链的速度带到了格式化领域。我们用 Rust 重写了 JSON、CSS、SCSS、Less、GraphQL 和 YAML 的格式化器,使 Oxfmt 比 Prettier 快数倍,同时保持与 Prettier 兼容的输出和用户体验。

pnpm add -D oxfmt
pnpm oxfmt --migrate prettier
pnpm oxfmt

Bundled Dev — 大型应用更快的开发服务器

我们正在推进「Bundled Dev」(前称 Full Bundle Mode)的发布,它在开发过程中使用 Vite 的生产打包器。这将显著加快大型应用的开发服务器速度,并减少使用远程沙箱时的网络开销。

import { defineConfig } from "vite";

export default defineConfig({
  experimental: {
    bundledDev: true,
  },
});

我们期待着让 Bundled Dev 尽快脱离实验状态。Cloudflare 的 Dashboard 已经为所有内部开发者使用了 Bundled Dev。

Vite+ 现已达到 1.0 — 统一工具链

加快工具速度是让人和 Agent 更快速交付软件的一种方式。另一种方式是减少决策疲劳(「我该用哪个 linter?」)并提供出色的默认配置。我们很高兴地宣布 Vite+ 现已达到 1.0。Vite+ 将 VoidZero 的所有工具捆绑到一个统一且快速的工具链中。

Vite+ 内置了 Vite 8、Vitest 5、Rolldown、Oxlint、Oxfmt 和任务缓存,并带有出色的默认配置。查看 Getting Started 指南来立即试用。

文章配图

Cloudflare 对开源的投入

VoidZero 诞生于开源,我们相信更可持续的开源生态系统会让所有人受益。VoidZero 是 Open Source Pledge 的骄傲成员,作为 Cloudflare 的一部分,我们有机会扩大这种影响。

Cloudflare 在最初公告中承诺投入 100 万美元设立 Vite 生态系统基金,以支持维护者和贡献者。此后,Cloudflare 又承诺额外投入 100 万美元用于开源。我们共同在开源上加倍投入。

面向整个 JavaScript 社区的开源工具链

更多内容即将到来!我们计划在未来几个月发布的功能包括:Oxc 解析器重大改进,潜在速度提升可达 3 倍;Rolldown 中重新设计的 chunking 算法;以及 Void 的开源可自托管版本——Void 是构建在 Cloudflare 之上的 Vite 原生部署平台。Cloudflare 和 VoidZero 都认识到我们对开发者负有责任,我们不会将社区对我们的信任视为理所当然。我们是来长期做这件事的。

我们很高兴能继续发布更快的工具,并将继续以社区为出发点做出每一个决策,就像我们在融资时、开源 Vite+ 时、以及加入 Cloudflare 时所做的那样。感谢你们继续信任我们将你们的项目和应用托付给我们,支持我们,并与我们一起构建。

Original source

本文由 AI 翻译整理自 Cloudflare Blog,原文版权归原作者所有。

阅读英文原文
上一篇
Cloudflare Kitesurf浏览器升级:730K平台测试通过,支持WebMCP
下一篇
RAG原理解析:从第一性原理出发