服务器之家

服务器之家 > 正文

2021年前端打包构建工具推荐之vite

时间:2021-05-09 23:37     来源/作者:今日头条

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

2021年前端打包构建工具推荐之vite

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

vite

 

  • 快速的启动速度

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

  • 简单化的配置

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

  • 极致化的尺寸

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

vite为什么这么优秀

 

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

2021年前端打包构建工具推荐之vite

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

总结

 

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

2021年前端打包构建工具推荐之vite

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

原文链接:https://www.toutiao.com/i6958775180445434380/

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021德云社封箱演出完整版 2021年德云社封箱演出在线看
2021德云社封箱演出完整版 2021年德云社封箱演出在线看 2021-03-15
返回顶部