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

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

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

 

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

 

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

vite

  • 快速的启动速度

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

  • 简单化的配置

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

  • 极致化的尺寸

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

vite为什么这么优秀

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

 

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

 

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

总结

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

 

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

 

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

 

责任编辑:华轩 来源: 今日头条
相关推荐

2023-03-15 23:59:13

前端构建工具

2023-08-22 10:13:53

模块工具JavaScrip

2021-02-05 08:09:19

前端框架开发

2022-05-16 09:14:28

前端构建工具

2021-06-05 18:01:05

工具Rollup前端

2021-06-27 17:34:57

前端编程语言

2017-05-08 16:17:54

前端开发工具

2022-09-01 11:02:42

前端工具

2021-05-31 17:37:26

ViteReactesbuild

2021-05-14 05:26:25

前端架构开发

2020-09-07 14:40:20

Vue.js构建工具前端

2023-09-27 23:08:08

Web前端Vue.jsVue3.0

2017-12-29 15:16:49

Parcel集成方式

2021-08-30 06:27:21

工具容器Docker

2019-07-18 15:20:22

前端技术PWA

2020-03-25 13:59:22

前端开发编程

2010-02-03 15:09:13

Python 构建工具

2021-05-25 16:34:06

JavaScript前端

2011-12-30 09:23:25

JavaPhing

2013-01-31 10:15:28

JavaScriptGrunt
点赞
收藏

51CTO技术栈公众号