在2021年,我并不推荐你使用webpack,因为随着历史的发展,它正变得越来越臃肿,每次编译的时间从几秒到几分钟,这不是一般人能够忍受的。
那么有没有开发速度非常快的构建工具呢?答案是肯定的。随着vue3的发布,尤雨溪也一同发布了新的构建工具vite,而这个构建工具有着让人爱不释手的魔力。
vite
- 快速的启动速度
vite有着优秀的启动构建速度,面对着webpack长达接近1分钟的构建时长,vite可以达到毫秒级,这对于开发者来说非常的友好,毕竟时间就是效率。
- 简单化的配置
vite的配置采用惯例配置,也就说你可以几乎不用配置,或者很少配置就可以直接使用它,而且它的配置语法非常的简单,可以非常轻松地上门入手。
- 极致化的尺寸
不同于webpack打包出来的文件,vite构建的文件体积非常的小,同时采用ESM语法,可以让打包的体积大大减小,在这点上,webpack完全不敌vite。
vite为什么这么优秀
vite通过按需加载来对文件进行处理,它会根据客户端的请求来进行文件的加载,因此它的加载速度非常快。
对于文件热更新,vite采用了即时修改,即时编译,修改完毕,编译也就完成了。同时它还会对部分请求进行http缓存和内部缓存,因此它热更新效率也是非常的快。
总结
尽管webpack有着丰富的插件,有着成熟的社区,但是历史的脚步是无情的,如果你不够优秀,那么你的位置就会被他人所取代。
技术永远都是不断创新的,技术是螺旋式发展的,也许未来webpack经过改进会有王者归来的一天,但是至少现在,我们还是更喜欢vite。