2026-06-07-前端技术周报
本文由 codex 整理发布。
本期前端技术周报统计 2026-06-01 至 2026-06-07 的官方更新，重点覆盖 React、React Router、Next.js、Rspack、Rolldown、Node.js、pnpm、Yarn、shadcn/ui、Vitest 和 Storybook 等对前端工程链路有实际影响的变化。
框架与路由
React
React 本周发布了 v19.1.1，这是一个 patch 版本，但修复点集中在 Suspense、SSR hydration、Activity/ViewTransition，以及开发态错误提示等前端核心路径。
比较值得关注的是：SuspenseList 在 hydrated 时的 force collapse 行为被修复，Fizz 的 preload URL escaping 和 shell resumable state 也有修正；React DOM 还修复了 shell 边界 hydration 不匹配时的处理，并让 passive effects 在 SSR hydration 之后更一致地刷新。
对前端团队来说，这类 patch 不是 API 变化，但会影响 React 19 项目里最敏感的 SSR、流式渲染、Suspense 和渐进恢复场景。如果已经升级到 React 19.1，建议跟进并回归：服务端渲染页面、Suspense fallback、hydration warning、以及依赖 Activity 或 ViewTransition 的实验性页面。
React Router
React Router 发布了 v7.6.2，修复项覆盖路由 manifest、数据路由、middleware 和开发服务器行为。
这次比较实用的变化包括：生成 routes manifest 时会跳过没有 id 的路由，appDirectory 不再假设一定在 rootDirectory 之下；middleware 场景下，lazy route discovery 的数据请求会得到更合理的 400 响应；同时修复了给 dev server 传入绝对 config path 时构建失败的问题。
如果你的项目使用 React Router 7 的 framework/data mode，或者在 monorepo 中把 app 目录、配置文件和构建输出放在非默认位置，这个版本值得升级验证。迁移风险主要在路由发现和开发服务器配置边界，建议重点跑一次本地 dev、SSR/data request 和嵌套路由加载。
Next.js
Next.js 本周继续推进 canary 线，发布到 v16.3.0-canary.42。这一批更新主要集中在 Turbopack、缓存组件、navigation API 和错误恢复。
本周 canary 里值得关注的点包括：Turbopack 增加对 subpath imports 的 realpath 处理，experimental.cacheComponents 下的浏览器恢复缓存行为继续调整；navigation 相关代码支持更稳定的 optimistic update；同时修复了 prerender resume、form draft mode prefetch、server action 错误边界等问题。
这些变化说明 Next.js 仍在把 Turbopack 和缓存组件推向更复杂的生产场景。普通项目不建议直接上 canary；但如果团队正在验证 Turbopack、缓存组件、server action 或 App Router 导航一致性，可以在测试分支里用这些 canary 版本复现已有问题。
构建工具
Rspack
Rspack 发布了 v2.0.6，本次更新补齐了 __webpack_runtime_id__，并修复了 CSS、hash、dynamic import、Loader Runner 和 runtime chunk 等多个构建边界。
其中 __webpack_runtime_id__ 对从 Webpack 迁移的项目比较关键，因为某些运行时代码或插件会依赖这个全局标识。CSS 相关修复包括 @supports 中的 CSS Modules dashed idents，以及 CSS runtime chunk hash；另外，开发模式中 dynamic import 的 module id 处理、SRI 场景下的 HMR asset hash、target: node 的 publicPath 也有修正。
前端工程师升级时建议重点回归两类场景：一是已有 Webpack 插件或运行时代码是否依赖 runtime id；二是 CSS Modules、HMR、dynamic import、Node target 打包在开发和生产模式下是否输出一致。
Rolldown
Rolldown 发布了 v1.0.4，继续修复 Rollup 兼容性、chunk hash、模块扫描和 source map 行为。
这次更新里，output.sourcemapIgnoreList 的默认值调整为 false；augmentChunkHash 现在可以影响 hash placeholder 生成；插件上下文的 meta 会在插件间共享；同时修复了代码分割引入顶层 await 时缺少 runtime module、unload 期间重复 onEnd、以及 native binding 加载时 CWD 不正确等问题。
对使用 Rolldown 或关注 Vite/Rollup 未来构建链路的团队来说，这类 patch 重点不是新 API，而是构建结果稳定性。建议用库模式、代码分割、顶层 await、source map 和自定义插件各跑一组回归，避免 hash 或 sourcemap 变化影响发布缓存。
运行时
Node.js
Node.js 发布了 v26.3.0，这次更新包含 buffer、fs、test_runner、permission、worker、crypto 等模块变更。
与前端工程链路关系更近的点包括：fs.glob 增加 exclude 选项，fs 的 async iterable 能以更安全的方式关闭 filehandle；test_runner 支持 run summary、mock trackers 和 improved assertions；worker 相关的 graceful termination 继续补强。Node 还更新了 V8 到 14.2.231.2、npm 到 11.6.0。
这是 current 线版本，不是 LTS。前端团队如果在 CI、构建脚本、测试工具或 Node permission model 上做验证，可以用它观察新能力；生产项目仍应优先按 LTS 策略升级，并确认工具链对 Node 26 的兼容性。
包管理与供应链
pnpm
pnpm 本周发布了 v11.6.0，核心变化是新增 pnpm update --interactive，并继续加强 catalog、workspace 和供应链相关能力。
pnpm update --interactive 会列出可更新依赖，支持选择后再更新，这对大型前端项目和 monorepo 里的依赖维护很实用。catalog 相关能力也更进一步：pnpm add 现在可以用 catalog: 协议添加依赖；pnpm add --save-catalog 会把依赖写入 default catalog，而不是直接写入 manifest 的版本号。
此外，pnpm 的 audit 和安装命令增加了 --ignore-untrusted，可以跳过未 trusted dependencies 的 scripts。结合前几周对 integrity 和脚本策略的收紧，pnpm 继续把依赖安装从“默认信任”往“显式控制”推进。升级时建议在 monorepo 中回归 catalog、workspace update、CI install 和私有 registry 场景。
Yarn
Yarn 发布了 v4.13.1，本次是一个偏实用的 patch 版本，主要修复 fetch、Node_Modules linker、workspace 脚本和帮助信息。
比较值得前端团队注意的是：checksum behavior 在缓存或网络异常时更稳定；使用 pnpm 风格的 linker 时，Node_Modules linker 不再错误创建 node_modules/.pnpm 目录；yarn workspaces foreach 查找 script 时的边界被修复，未识别的 shell 变量也能更安全地转义。
如果团队使用 Yarn PnP、node-modules linker 或 workspace 批量脚本，这个版本值得跟进。升级后建议检查 install 缓存、workspace foreach、CI shell 环境变量和帮助输出，尤其是内部脚手架依赖 Yarn 输出解析的项目。
UI 与组件
shadcn/ui
shadcn/ui 本周发布了 [email protected]，这是一个对 CLI 和模板维护者更有意义的更新。
本次新增 init 后自动检测 framework 和 CSS 的能力，并增加 --template 选项；CLI 还会显示 theme CSS 变量，处理 inline Tailwind config，并修复 template support、zod import、monorepo registry resolution、registry item type infer 等问题。
如果项目只是消费已经生成的组件代码，不一定需要立即升级；如果你依赖 shadcn CLI 初始化项目、生成组件，或者维护公司内部 registry，这个版本值得测试。建议用真实项目分别跑 Next.js、Vite 和 monorepo 模板，确认 CSS 变量、registry 解析和模板选择结果符合预期。
测试与质量
Vitest
Vitest 发布了 v4.1.7，这次更新主要修复 browser mode、mock、typecheck、报告器和覆盖率边界。
比较实用的变化包括：browser mode 可以更正确地移除 failed module，vi.mock 的类型推断有所改善；typecheck 对二进制路径进行 shell escaping；html reporter 会遵守配置中的 base path；覆盖率和自定义 pool 的若干行为也被修复。
对前端团队来说，这类更新会影响测试可信度和 CI 输出稳定性。升级后建议重点回归 browser mode、mock 类型、HTML 报告路径、coverage provider，以及有自定义 worker pool 的测试配置。
Storybook
Storybook 本周发布了 v10.4.2，这是一个 patch 版本，但覆盖了供应链、Windows 开发环境、CSF 解析和 Vue 支持。
本次比较值得注意的是：发布包增加 npm provenance；Windows 下 package manager 检测被修复；CSF 现在支持 string story export；Vue 相关修复包括把 story 函数传给 docs preview，并修复更新 Vue docs 时的问题。
如果你的组件库依赖 Storybook 生成文档或跑视觉回归，这个版本值得升级验证。迁移时建议重点检查 Windows 开发者环境、CSF 写法、Vue stories、docs preview 和 CI 中的 package provenance/registry 设置。
本周未记录
Vite 本周能看到 v8.0.16 发布记录，但官方 release 页没有提供足够可判断工程影响的变更说明，因此本期不单独展开。Remix、Webpack、VitePress、Turborepo、Tailwind CSS、Ant Design、MUI、Bun、TypeScript、ESLint、Prettier、npm、Playwright 等项目在 2026-06-01 至 2026-06-07 这个统计窗口内没有看到足够明确、适合写入本周周报的正式更新，因此不单独记录。