zl程序教程

您现在的位置是:首页 >  其他

当前栏目

2021年前端应该使用什么打包构建工具

打包工具前端 使用 什么 构建 2021 应该
2023-06-13 09:15:36 时间

不知不觉时间已经来到了2021年,如果是在前几年,你问我应该用什么打包工具,那么我会毫不犹豫地推荐你使用webpack,因为那个时候webpack非常成熟,有着非常丰富的插件,可以高效地进行个性化定制。

然而在2021年,我并不推荐你使用webpack,因为随着历史的发展,它正变得越来越臃肿,每次编译的时间从几秒到几分钟,这不是一般人能够忍受的。

那么有没有开发速度非常快的构建工具呢?答案是肯定的。随着vue3的发布,尤雨溪也一同发布了新的构建工具vite,而这个构建工具有着让人爱不释手的魔力。

vite

  • 快速的启动速度

vite有着优秀的启动构建速度,面对着webpack长达接近1分钟的构建时长,vite可以达到毫秒级,这对于开发者来说非常的友好,毕竟时间就是效率。

  • 简单化的配置

vite的配置采用惯例配置,也就说你可以几乎不用配置,或者很少配置就可以直接使用它,而且它的配置语法非常的简单,可以非常轻松地上门入手。

  • 极致化的尺寸

不同于webpack打包出来的文件,vite构建的文件体积非常的小,同时采用ESM语法,可以让打包的体积大大减小,在这点上,webpack完全不敌vite。

vite为什么这么优秀

vite通过按需加载来对文件进行处理,它会根据客户端的请求来进行文件的加载,因此它的加载速度非常快。

对于文件热更新,vite采用了即时修改,即时编译,修改完毕,编译也就完成了。同时它还会对部分请求进行http缓存和内部缓存,因此它热更新效率也是非常的快。

总结

尽管webpack有着丰富的插件,有着成熟的社区,但是历史的脚步是无情的,如果你不够优秀,那么你的位置就会被他人所取代。

技术永远都是不断创新的,技术是螺旋式发展的,也许未来webpack经过改进会有王者归来的一天,但是至少现在,我们还是更喜欢vite。