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
来源:稀土掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。