构建工具

Vite： 下一代前端工具

Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。

虽然 2021 年 webpack 仍然是毫无争议的构建之王，但活跃的前端社区，终于出现了一位 能打 的挑战者。

vite 一出手就直接瞄准了 webpack 最遭人诟病的软肋：“开发时构建实在太慢”。

vite 剑走偏锋，在 dev 时，通过 esbuild 进行 esm 格式进行模块加载，几乎实现了“秒开”的效果。让那些被 webpack 如同蜗牛般开发时构建速度折磨的研发人员直呼“牛哔”。

在生产构建时，vite 则通过对老牌构建工具 rollup 进行了适度封装，降低了普通开发者的介入难度。

无论你是 React 开发者亦或是 Vue 开发者，Vite 都是一款觉得值得尝试的工具。

相信我，你会爱上它的。

Esbuild： 贼快的Javascript打包器

Esbuild 官方认为：“当前所有其他打包工具，都比他们理应达到的速度慢了10-100倍。”

“我不是针对谁。而是在做的 webpack/rollup 等都不太行。”

为什么？

• 它基于 golang，就是比 node.js 快。
• 高度并行的处理算法。
• 节制的功能设计。
• 重写核心工具链。

2021 年， Esbuild 在前端圈可谓大放异彩，本年度最大黑马 Vite 也毫不犹豫地选择了 Esbuild 作为自己的构建工具之一。

可以说，在这个追求效率的年代，Esbuild 一定有更广阔的空间。

作者：春哥的梦想是摸鱼
链接：https://juejin.cn/post/7051598110316822542
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。