ImberImber Frontend
GitHub
Skip to content

总结 ​

构建工具主要是性能,利用按需编译,减少构建时间;支持开箱即用,RSC 环境;

alt text

一、Turbopack 增量设计 ​

基于 Turbo 引擎支持增量计算,由 rust 编写,比 js 速度更快;

二、Turbopack 开箱即用 ​

Turbopack 目前在 Next13 以上开箱即用,在 package.json 里配置 next dev --turbo 即可;

三、函数级缓存 ​

Turbopack 能做到函数级别的缓存,也就是说更细化;

四、按需编译 ​

也就是说不会像 webpack 一样全量编译;

五、请求级编译 ​

相比于页面级编译更智能;如果浏览器想要一些  CSS,turbopack 只会编译它  -  不编译引用的图像。背后  next/dynamic  有一个大的图表库,在显示图表的选项卡之前不会编译它。Turbopack 甚至知道不要编译源映射,除非你的 Chrome DevTools 是开放的;

六、Turbopack 支持 RSC/多环境 ​

支持打包 React Server Component和服务端;