本周前端领域最值得关注的 10 件大事带你快速掌握技术脉搏。 本周 Top 10 速览排名事件关键词1Rspack 2.0 正式发布构建工具、Rust、ESM、性能翻倍2Cloudflare 完成 cdnjs 全量迁移CDN、Serverless、9B 请求/天3pnpm 11.19.0 发布包管理器、工作区发布、安全修复4Node.js 全新 API 文档预览站上线文档体验、beta.docs.nodejs.org5Webpack 5.109.0 内置 TS/CSS/HTML零配置、内置支持、Webpack 6 前瞻6Shadcn/UI 默认切至 Base UIReact Aria 入列UI 组件、Radix、Base UI、React Aria7CSSsibling-index()即将纳入 BaselineCSS 动画、交错效果、starting-style8Bun Rust 重构版性能曝光JS 运行时、Rust、冷启动9ES2026 正式获批Temporal API 与using入标语言标准、Date 替代、资源管理10Oxlint 1.75.0 发布AST 结构重大调整Lint 工具、MetaProperty、破坏性变更1. Rspack 2.0 正式发布构建性能翻倍依赖从 192 个砍到 1 个一句话摘要字节跳动开源的 Rust 构建工具 Rspack 于 7 月 29 日发布 2.0构建速度较 1.0 最高提升 100%rspack/dev-server依赖从 192 个锐减至 1 个核心包全面转向纯 ESM。详细解读Rspack 2.0 的发布标志着它不再满足于做更快的 webpack 替代品开始走出自己的技术路线。根据官方基准测试在包含 10,000 个组件的 React 项目中启用持久化缓存后的生产构建从 1.0 的 5.6 秒降至 2.0 的 1.4 秒HMR热模块替换时间降至 118 毫秒。更引人注目的是依赖治理rspack/dev-server的安装体积从 15 MB 缩减至 1.4 MB依赖数量从 192 个砍到仅剩 1 个。Hacker News 上的评论称“与性能数据相比依赖项减少的数字更让我印象深刻这是一种理念的转变而不仅仅是基准测试。”在架构层面rspack/core已作为纯 ESM 包发布移除了 CommonJS 构建产物。由于 Node.js v20.19 支持通过require()加载 ESM大多数使用 JavaScript API 的项目无需修改代码即可升级。2.0 还新增了对import.meta和 Stage 3 的import defer提案的支持并默认启用无副作用函数的 Tree Shaking 分析。开发者建议如果你正在维护一个 webpack 项目Rspack 2.0 是当下最平滑的迁移路径约 95% API 兼容建议先在 CI 中做并行构建对比测试。微前端场景下的ModuleFederationPlugin用户可优先评估Rspack 对该插件的支持已相当成熟。注意纯 ESM 切换可能影响到一些旧的 CJS 插件升级前请检查插件兼容性。2. ⚡ Cloudflare 完成 cdnjs 全量迁移日处理 90 亿请求的 Serverless 实践一句话摘要Cloudflare 于 7 月 30 日宣布已将其托管的知名开源 CDN cdnjs 完全迁移至 Cloudflare Developer Platform日处理 90 亿请求并借此推高了 Workers 和 Workflows 的平台限制。详细解读cdnjs 是全球最繁忙的开源 CDN 之一覆盖约 12% 的网站占据 JavaScript CDN 市场 48.3% 的份额日均处理 108,000 请求/秒。此次迁移的最大看点在于架构重构旧的发布管道依赖 GCP Cloud Functions、git-sync VM 和 GitHub 仓库存在分裂存储KV 与 GitHub 双写、可观测性缺失、26 个按字母分片的 Cloud Function 等痛点。新架构完全基于 Cloudflare 自研平台R2 作为单一数据源、Workers 处理请求、Workflows 编排持久化任务、Queues 解耦压缩作业、Durable Objects 协调并行计数。迁移过程中cdnjs 团队还倒逼平台提升了两个关键限制Workers 单次调用的子请求上限从 1,000 提升至 1,000 万Workflows 的默认步骤数从 1,024 提升至 10,000可配置至 25,000。这对所有 Cloudflare 开发者都是利好。开发者建议如果你在使用 cdnjs 托管生产资源迁移对你完全透明但建议检查 SRI子资源完整性哈希是否匹配。对于正在评估边缘架构的团队cdnjs 的迁移案例是 Serverless Workflows R2 处理海量静态资源的绝佳参考。关注 Cloudflare 新推出的 Agents SDK7 月 30 日它允许在 Workers 上构建有状态的 AI Agent。3. pnpm 11.19.0 发布原生工作区发布管理与供应链安全加固一句话摘要pnpm 于 7 月 31 日发布 11.19.0引入原生工作区发布管理pnpm change、pnpm lane、pnpm doctor诊断命令并修复了路径遍历漏洞冷缓存解析峰值内存降低约 30%。详细解读pnpm 11.11-11.14 系列在 7 月密集迭代11.19.0 作为最新稳定版带来了多项工程化能力。其中最值得关注的是原生工作区发布管理pnpm change用于生成变更集、pnpm lane管理工作区发布流、pnpm version -r支持递归版本升级——这些功能此前通常依赖changesets等第三方工具现在 pnpm 内置支持减少了工具链复杂度。安全方面该系列修复了一个路径遍历漏洞Path Traversal同时将冷缓存解析期间的峰值内存占用降低了约 30%。新增的pnpm doctor命令可用于端到端诊断安装状态帮助排查 lockfile 不一致、peer dependency 冲突等常见问题。此外peerDependencies现在支持协议标识符声明pnpm access和pnpm team命令可用于管理 registry 上的包与组织权限。开发者建议使用 pnpm workspaces 的 monorepo 项目可以逐步用内置的pnpm change替代changesets减少一个依赖。建议运行pnpm doctor对现有项目做一次健康检查特别是长期维护的老项目。关注 pnpm v12Rust 重写版的进展11.10 已支持通过pnpm self-update安装预览。4. Node.js 全新 API 文档网站预览版上线一句话摘要Node.js 官方于 7 月 24 日推出全新 API 文档预览站beta.docs.nodejs.org采用全新设计与交互旨在解决旧文档站信息架构混乱、搜索体验差等长期痛点。详细解读Node.js 的 API 文档一直是开发者日常高频访问的站点但旧版文档在信息层级、跨版本对比、移动端适配等方面饱受诟病。新预览站从底层重新设计目前处于 beta 阶段。虽然具体的技术栈细节尚未完全公开但从预览版可以看出几个改进方向更清晰的模块分类导航、增强的搜索功能支持按版本过滤、以及更友好的 TypeScript 类型标注展示。这对于每天需要查阅fs、stream、path等核心模块 API 的开发者来说是实实在在的效率提升。开发者建议日常查阅 Node.js API 时可以尝试切换到 beta.docs.nodejs.org 体验新界面并通过官方渠道反馈问题。如果你在维护 Node.js 相关的教程或内部文档建议关注新文档站的 URL 结构和锚点规则变化提前做适配。5. Webpack 5.109.0 内置 TypeScript/CSS/HTML向零配置迈出关键一步一句话摘要Webpack 5.109.0 于 7 月 23 日发布实验性内置 TypeScript、CSS 和 HTML 支持无需ts-loader、mini-css-extract-plugin和html-webpack-plugin即可直接构建。详细解读Webpack 的 2026 年路线图明确提出要将常用插件功能吸收进核心减少外部依赖。5.109.0 是这一战略的重要落地内置 TypeScript 转译意味着不再需要ts-loader或babel-loader处理.ts文件内置 CSS 模块支持experimental.css将最终取代mini-css-extract-plugin而 HTML 入口点集成则让html-webpack-plugin成为可选而非必需。此外Webpack 还在探索懒加载 Barrel 优化受 Rspack 启发跳过构建无副作用的 Barrel 文件index.ts统一导出中未被实际引用的模块直到它们被真正使用。统一的minimizer-webpack-plugin也在规划中将整合terser-webpack-plugin和css-minimizer-webpack-plugin。开发者建议新项目可以尝试启用experimental.css和内置 TS 支持体验更少插件、更快配置的构建流程。现有项目无需急于迁移Webpack 6 才会正式将这些特性从实验状态转为默认。建议先在小范围模块中验证兼容性。关注 Webpack 的Universal Target计划未来一份配置可同时输出兼容 Node.js、Bun、Deno 和浏览器的代码。6. Shadcn/UI 默认切至 Base UIReact Aria 成一等公民一句话摘要Shadcn/UI 在 7 月宣布 Base UI 正式成为新项目的默认底层库替代 Radix同时 React Aria 也升级为与 Base UI、Radix 并列的一等支持选项。详细解读这是 Shadcn/UI 历史上最重要的架构决策之一。自 2023 年诞生以来Shadcn/UI 一直建立在 Radix UI 之上。但 2025 年底 Base UI由 MUI 团队维护核心开发者正是原 Radix 团队发布后社区迅速转向——数据显示 shadcn/create 上 Base UI 的选用率已是 Radix 的 2 倍。7 月的更新包含三个层面Base UI 成为默认npx shadcn init默认使用 Base UIRadix 通过-b radix保留。React Aria 入列Adobe 的 React Aria 组件库成为第三个一等支持的底层可通过--base aria初始化。新增 Toast 组件Base UI 项目现在可用原生 Toast支持动作、状态类型、Promise 模式和滑动手势关闭。Shadcn 官方明确表示Radix 不会被废弃所有更新和新组件仍会同时支持两套底层。现有项目无需迁移。开发者建议新项目建议直接采用 Base UI 默认方案享受更活跃的维护节奏和更完善的 TypeScript 类型。需要 Combobox、Autocomplete 等复杂交互组件的团队Base UI 的实现目前比 Radix 更成熟。如果你的项目深度定制了 Radix 的底层行为保持现状即可Shadcn 的抽象层允许两套库共存。7. CSSsibling-index()即将纳入 Baseline一行代码实现交错动画一句话摘要CSS-Tricks 报道sibling-index()和sibling-count()函数即将纳入 Web Baseline配合starting-style可实现无需 JavaScript 的列表交错入场动画。详细解读过去实现列表项的交错动画stagger animation开发者通常需要借助 JS 给每个元素动态计算animation-delay或者使用预处理器生成大量 nth-child 规则。CSS 新增的sibling-index()函数可以直接在样式表中获取元素在兄弟节点中的位置从 1 开始计数彻底简化这一模式。li{transition:opacity 0.3s ease;transition-delay:calc((sibling-index()- 1)* 100ms);starting-style{opacity:0;}}上述代码即可实现列表项依次淡入的效果无需任何 JS。sibling-count()则可获取兄弟节点总数常用于计算中间元素的精确居中或对称布局。这两个函数已在稳定版 Chrome 和 Safari 中可用纳入 Baseline 意味着跨浏览器支持即将统一。开发者建议在支持sibling-index()的浏览器中可以逐步替换旧的 JS 交错动画方案减少运行时开销。配合starting-style和transition-behavior: allow-discrete使用可以实现display: none到display: block的平滑过渡——这是 2026 年 CSS 动画最值得掌握的三件套。生产环境建议做好supports回退或将其作为渐进增强。8. ⚙️ Bun Rust 重构版性能曝光冷启动超越 Deno 与 Node.js一句话摘要Bun 团队于 7 月下旬公布了 Rust 重构版的最新基准测试数据同一环境下冷启动 Hello World 项目的性能已超过 Deno 和 Node.js。详细解读Bun 正在经历一场大规模的重写从 Zig 全量迁移至 Rust53.5 万行 Zig 代码被拆分为约 100 个 Rust crate由 64 个并发 Claude 实例在 11 天内协同完成。根据 7 月底公布的跑分数据Rust 版 Bun 在冷启动场景下已经超越了 Deno 和 Node.js。其他关键指标包括二进制体积从 88 MB 缩减至 70 MB↓20%2000 次构建后的内存占用从 6,745 MB 降至 609 MB↓91%Bun.serve吞吐提升 4.8%。不过需要注意的是Rust 重写版目前仍处于实验阶段仅支持 Linux x64 glibc稳定版 1.3.x 仍基于 Zig 代码库。开发者建议生产环境继续使用 Bun 稳定版Zig 分支Rust 版可通过bun upgrade --canary体验。关注内存敏感型场景如容器化部署、Serverless 函数Rust 版 91% 的内存降幅极具吸引力。由于 Anthropic 已于 2025 年底收购 Bun其 Roadmap 与 Claude Code 的集成值得持续关注。9. ES2026 正式获批Temporal API 与using语法终结 30 年技术债一句话摘要ECMA International 于 6 月 30 日正式批准 ECMAScript 2026第 17 版TemporalAPI 和显式资源管理using语法进入标准彻底替代有 30 年设计缺陷的Date对象。详细解读ES2026 是近年来还债属性最强的一个版本。它没有 ES6 那样的革命性语法而是专注于补齐 JavaScript 的长期短板。核心新增包括TemporalAPI经过 9 年开发、终于达到 Stage 4 的日期时间处理方案。与 mutable 且时区支持薄弱的Date不同Temporal对象是不可变的原生支持时区和非格里高利历。using显式资源管理C# 风格的块级资源自动释放数据库连接、文件流等可在离开作用域时自动清理告别繁琐的try...finally。Math.sumPrecise()解决0.1 0.2 ! 0.3的经典浮点精度问题对金融计算场景意义重大。Array.fromAsync()、Error.isError()、Map 的getOrInsert()、Uint8Array的 Base64/Hex 编解码等实用方法。遗憾被推迟到 ES2027 的是管道运算符|仍在 Stage 2和已被撤回的 Record Tuple。开发者建议立即在 Node.js 最新版中试用Temporal和usingBabel 和 TypeScript 7.0 已提供转译支持。如果你维护着大量日期处理代码建议制定渐进式迁移计划将Date逐步替换为Temporal.Instant和Temporal.PlainDate。Math.sumPrecise()可直接替代手写的高精度求和函数减少第三方依赖。10. Oxlint 1.75.0 发布AST 结构重大调整自定义规则需更新一句话摘要Oxlint 于 7 月 20 日发布 1.75.0将 AST 中的MetaProperty拆分为ImportMeta和NewTarget属于破坏性变更使用自定义规则或插件的开发者需同步更新。详细解读Oxlint 作为 Rust 编写的高性能 JS/TS 检查工具速度是 ESLint 的 50-100 倍已在 Shopify、Mercedes-Benz、Airbnb 等公司生产环境使用。1.75.0 的核心变化是 AST抽象语法树层面的破坏性变更MetaProperty节点被拆分为独立的ImportMeta和NewTarget类型。这意味着所有依赖MetaProperty进行遍历的自定义规则、插件或内部工具链都必须更新匹配逻辑。新增规则方面包括node/no-top-level-await禁止顶层 await和react/function-component-definition约束函数组件写法。import/consistent-type-specifier-style新增了prefer-top-level-if-only-type-imports选项。性能方面继续优化约 12 项改进涵盖早期退出快路径、规则集惰性计算和 O(1) 表层类型集合查询。开发者建议如果你有基于 Oxlint AST 的自定义规则请立即检查是否引用了MetaProperty迁移至ImportMeta/NewTarget。尚未使用 Oxlint 的项目建议通过eslint-plugin-oxlint与 ESLint 并行运行让 Oxlint 处理基础规则、ESLint 处理插件生态逐步过渡。关注 Oxc 生态Oxlint、Oxfmt、Oxmin的统一进展VoidZero 并入 Cloudflare 后其工具链与 Cloudflare Workers 的深度集成值得期待。 本周小结本周前端领域呈现出**“Rust 化与原生化”**两大主线并行的态势。构建工具侧Rspack 2.0 和 Bun Rust 版用实际数据证明 Rust 在前端基础设施中的统治力正在加深标准与平台侧ES2026 的Temporal和using终于开始偿还 JavaScript 30 年的技术债CSSsibling-index()则让浏览器原生能力进一步侵蚀只能用 JS 做的领地生态侧Shadcn/UI 的默认底层切换和 Cloudflare 对 cdnjs 的全量 Serverless 改造都在告诉我们前端工程化的下一步是更少依赖、更强原生、更优性能。建议开发者保持对 Rust 工具链和浏览器新 Baseline 的敏感度适时做技术债的主动清偿。 延伸阅读Rspack 2.0 正式发布公告Cloudflare: 将 cdnjs 迁移至 Developer PlatformNode.js 全新 API 文档预览站pnpm 11.19.0 更新日志Webpack 2026 路线图Shadcn/UI: Base UI 成为默认CSS-Tricks: What’s !important #16ECMAScript 2026 语言规范Oxlint 1.75.0 发布说明Bun Rust 重写进展
