神器与神人
Turbopack
2022-10-25日,Vercel公司正式推出下一代前端构建工具Turbopack。将作为Webpack的直接替代品。Turbopack在大型应用的更新速度是Vite的10倍,是Webpack的700倍。
Vercel
在2015年,Guillermo Rauch 创立了名为 Zeit 的公司,2020年改名成了Vercel。Vercel 总部位于旧金山,在2021.11.23 完成了D轮 1.5亿美金的融资,估值达到25亿美金,由 GGV Capital 领投。Rauch将域名的配置、DNS解析、SSL证书、CDN、自动化部署等业务都集成到了Vercel产品内,让小型团队或个人开发者能做到一键部署应用,一切业务都以Serverless的逻辑运转。
Guillermo Rauch
Guillermo Rauch 是 Vercel 首席执行官。此前,他是 LearnBoost、Cloudup 联合创始人兼首席技术官。他创建过几种明星级别的Node.js开源项目,比如 Next.js、socket.io、mongoose、slackin 等。早前,他是 MooTools 前端工具包的核心开发者。他在web圈的影响力巨大,这些项目都为Vercel的一飞冲天打下了牢靠的开发者群体基础。Guillermo 过往丰富的 web 应用开发经验,让他更了解web开发者平常面临的一系列非业务侧的问题。
Webpack
Webpack是目前最流行的前端应用打包工具。已被下载超过30 亿次。它已成为构建 Web 不可或缺的一部分。
Tobias Koppers
Webpack 创建者 Tobias Koppers 于 2021 年 4 月加入Vercel公司,牵头了Turbopack项目。在他的带领下,Turbopack 将成为 Web 的下一代打包工具。通过开源,Vercel希望将Turbopack打造成为最强性能的打包工具,并在未来适用于所有框架。
Tobias Koppers的头像:
革命者Turbopack
实现
Turbopack 是 Vercel 公司之前一些工作的延续。从基于 JavaScript 的工具转移到基于 Rust 的工具得到了巨大的改进。用基于 Rust 的 SWC 替换基于 JavaScript 的转译器 Babel,导致 转译速度提高 了 17 倍。替换 Terser,使压缩速度提高了 6 倍,从而减少了加载时间和带宽的使用。
速度
Turbopack 建立在新的增量架构上,以提供最快的开发体验。在大型应用程序上,它显示更新速度比 Vite 快 10 倍,比 Webpack 快 700 倍。在更大的应用程序上,差异更大——通常比 Vite 快 20 倍。
Turbopack 只捆绑开发所需的最少资源,因此启动时间非常快。在具有 3,000 个模块的应用程序上,Turbopack 需要 1.8 秒就能启动,而 Vite 需要 11.4 秒。
未来
首先,Turbopack 将用于Next.js 13开发服务器。它将为闪电般快速的 HMR 提供动力,并将原生支持 React 服务端组件,以及 TypeScript、JSX、CSS 等。
Turbopack 最终还将为本地和云中的 Next.js 生产构建提供支持。通过使用Vercel 远程缓存共享 Turbo 的缓存。