比vite还要快十倍的turbopack初体验

1,013 阅读1分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第16天,点击查看活动详情

turbopack

前要

turbopack于2022.10.25伴随next 13发布了,下面有一些文章和官网

比 Vite 快 10 倍的 Turbopack!?Webpack 的继承者。

Turbo 官网

简要

  • 目前正处于alpha阶段,也还没有中文文档。
  • 速度很快,比vite快十倍。
  • 由 Webpack 的创始人 Tobias Koppers 牵头创立。
  • 目标是成为下一代Web打包工具,会逐渐的对各个框架开放。
  • 增量记忆化框架。

使用

安装alpha版本的示例项目

npx create-next-app --example with-turbopack

安装完成就可以了,node_modules已经下载好了。

使用dev命令启动看一下

pnpm run dev

image.png

可以看到只用了71毫秒。对比一下模块书差不多的vite启动速度

image.png 相较于872毫秒确实是要快了十倍!!但是在冷启动速度到达1秒内差距没那么重要,主要是在大型项目,模块数很大的时候能够感觉出差距。

总结

Turpack目前还处于alpha阶段,插件还未支持,能够学习或者了解的东西还很少。但能够看出来,野心很大,言语之间都是想将vite给比下去。从而成为真正的W下一代Web打包工具。

结语

本次的文章到这里就结束啦!♥♥♥读者大大们认为写的不错的话点个赞再走哦 ♥♥♥

每天一个知识点,每天都在进步!♥♥