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。
相关文章
- maven打包时打包指定的lib文件夹
- InstallShield 2010打包
- docker导出容器为镜像_docker如何将容器打包成镜像
- Vue项目打包报错:JavaScript heap out of memory
- 快速打包、发布和管理应用——AppUploader工具介绍
- ios--无安装证书打包ipa
- 【UE虚幻引擎】手把手教学,UE新手打包全攻略!
- linuxdeployqt-linux下Qt打包工具
- binlog2sql 打包为二进制
- 【Android 安全】DEX 加密 ( Java 工具开发 | 解压 apk 文件 | 加密生成 dex 文件 | 打包未签名 apk 文件 | 文件解压缩相关代码 )
- 安装包立减1M--微信Android资源混淆打包工具
- dotnet 打包 NuGet 的配置属性大全整理
- 图文介绍 Windows 系统下打包上传 IOS APP 流程
- xcode打包导出ipa
- Android自动打包工具aapt详解手机开发
- Spring Boot2.0之 jar打包方式详解编程语言
- java spring boot 打包方法详解编程语言
- Linux下使用打包工具简单实现文件压缩(linux打包工具)
- 用nodejs写的一个简单项目打包工具