栗子前端技术周刊第 135 期 - Vite 8.1、Rspack 2.1、Babel 8.0...

🌰栗子前端技术周刊第 135 期 (2026.06.22 - 2026.06.28)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。

📰 技术资讯

1. Vite 8.1：新增实验性「打包开发模式」支持，与未打包的开发服务器相比，打包开发模式实现了约 15 倍的启动速度提升和约 10 倍的全页面重载速度提升；同时提供 WASM 与 ES 模块集成能力。

2. Rspack 2.1：Rspack 2.1 版本现已发布，新版本内置基于 Rust 重构的 React 编译器、支持 TypeScript 7，同时新增 TanStack Start 适配支持。

3. Babel 8.0 ：Babel 8.0 正式发布，距离 Babel 7.0 问世已有八年。尽管 SWC、Oxc 等同类工具不断兴起，但 @babel 系列包的周下载量在此期间暴涨 380 倍。8.0 版本是一次现代化升级，仅支持 ES 模块，且默认编译目标为 ES2023（旧版默认目标为 ES5）。

4. Astro 7：Astro 刚刚推出 7.0.0 版本，本次更新升级至 Vite 8、搭载全新高性能 Rust 编译器，同时开放完整请求处理链路权限。

5. Deno 2.9：Deno 2.9 版本可将 JavaScript 项目打包为 macOS、Windows、Linux 三平台独立桌面程序。与 Electron 不同，开发者可选择调用系统自带网页视图组件，或是内置 Chromium 内核；同时工具原生支持跨平台编译，还能直接适配基于 Next.js、SvelteKit 等框架开发的应用。

📒 技术文章

1. How an Underrated Refactor Saved 90% Memory Usage：一次被低估的重构，直接削减 90% 内存占用 - 本文讲述 TanStack Table v9 如何在大数据表格场景下相比 v8 大幅降低内存开销：核心思路十分简单 ------ 将方法挂载到共享原型上，而非为每一个实例对象重复创建。文中附带基准测试数据，这套优化范式其他类库也可以直接复用。

2. Chrome 高阶调试技巧 ：在日常前端开发中，console.log 往往是我们排查问题的首选工具。虽然它能解决大部分基础问题，但在面对复杂逻辑或异步场景时，不仅效率低下，还可能因为频繁修改代码而引入新的 Bug。本文将系统梳理断点调试的核心用法与高阶技巧，帮助你在不同的前端场景下精准定位问题，让调试效率实现质的飞跃。

3. 从 0 到 1 实现大文件上传：分片、秒传、断点续传、暂停、重试与服务端合并：这篇文章会用一个完整的前后端项目，带你从头理解"大文件上传"到底是怎么实现的。

🔧 开发工具

1. FullCalendar 7.0：为自有应用打造媲美谷歌日历的使用体验。兼容 React、Vue、Angular（7.0 版本新增 Angular 22 支持），也可直接在原生 JavaScript 项目中使用。项目采用 MIT 开源协议，同时提供商业增值扩展。

2. ForesightJS 4：网页端用户行为意图预判库，通过鼠标指针、键盘操作信号预判用户浏览意图，提前预加载页面资源，大幅提升页面响应流畅度。

3. Kage：网站离线镜像工具，和浏览器"另存为"功能的区别在于：它借助无头浏览器捕获页面 DOM，完美支持 JS 动态渲染的网站。

🍞 代码人生

1. 他俩只靠写代码，登上了胡润财富榜！：文章以蔡景现和楼天城为例探讨程序员能否靠写代码实现财富自由。

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端