esbuild作为一个次世代的打包工具,毫不夸张的说,esbuild掀起了一场前端革命。何为革命?革命即是摈弃旧的东西,前端更新换代。
让我们来看一下esbuild都有哪些衍生产品把。
1.vite代替vue-cli、create-react-app
早期vue项目都是用vue-cli创建的,自从vite基于esbuild开始,便开始动摇vue-cli的地位,成为新一代的构建脚手架。vite不仅仅局限于vue,还可以用来创建react项目。不过目前的热更新依旧是有点问题,但是收获的效果却是显著的。
2.esbuild-jest代替ts-jest
基于esbuild,使得测试速度提升3倍以上。
3.vitest代替jest
jest虽然是老牌测试工具,但是对于vue3的支持还是不是很友好。于是基于esbuild的vitest,不仅简单上手,测试效率也是有显著的提升。
4.esbuild-loader代替babel-loader、ts-loader
如果你还是想用webpack进行打包,那绝对可以试试esbuild-loader,打包速度提升一倍以上。
5.esno代替ts-node
提供了比ts-node更加强大的扩展支持,比如.cts、.mts