初识Turbopack

见贤思齐

这是第 171篇不掺水的，想要了解更多，请戳下方卡片关注我们吧～初识Turbopackhttp://zoo.zhengcaiyun.cn/blog/article/turbopack一 前言前端构建工具从 Grunt, Gulp 发展到具有划时代意义的 Webpack，Webpack 成为前端不可或缺的开发构建工具。但是随着前端的项目越来越大，无论是项目的启动时间，还是项目的打包时间，变得原来越长，短则四、五分钟，长则十几二十分钟。特别是在发版期间，打包速度直接影响发版效率。Webpack 打包速度成为了前端开发的最大痛点之一。二 什么是 TurbopackTurbopack 是 Webpack 的作者 Tobias Koppers 使用 Rust 语言开发一个前端模块化的工具，按作者构想 Turbopack 的目标是取代 Webpack。官方宣称 TurboPack 的速度比 Vite 快 10 倍，比 Webpack 快 700 倍。目前 Turbopack 仍然处于 AIpha 阶段，离正式运用到生产环境还有不少时间。三 Turbopack 功能和特点如果用一个字来形容 Turbopack，“懒”字再合适不过，极尽所能做不必要做的事情。为了更好的说明 Turbopack 特性，我们使用 Webpack 作为对比的对象。1. 增量计算和函数级别的缓存我们用一个简单的例子来说明增量计算和缓存，如下代码是一个页面的代码，代码包含了 Header 和 Footer 两个组件：importHeaderfrom'../components/header'importFooterfrom'../components/footer'exportdefaultfunctionHome(){return(