说明:最近Vite3发布了,所以总结一下Vite有什么新的特性,本期为大家带来的是干货内容,所以大量的说明文字,没有图片之类,希望多多包涵。
一.发布背景
在v2发布后,采用率一直不断增长,每周npm就超过了100万的下载量,如今Vite3.0横空出世,它是下一代的前端工具链,而如今Vite 正在推动 Web 框架的新一轮创新竞赛。
二.Vite3.0有那些特性
1.模板变更
当你使用Vite创建Vue模板时候,你会发现主题与Vite的文档一致,同时扩展了暗色和亮色模式,我们知道手机一直以来都有深色模式,这无疑满足了广大用户的需求。
2.优化
总体来说Vite3修复了400+issuse,减少了体积,冷启动的得于优化
3.CLI的更新:
执行 vite 命令进行启动项目时,终端的界面和之前会不同,只所以这样做的目的是为了避免 Vite 开发服务的端口和别的应用冲突,所以默认的端口号从之前的 3000 变成了 5173,这个解决了很多人的痛点。
4.开箱即用的 WebSocket 连接策略:
在Web IDE中需要我们手动配置 WebSocket,这样才能 使 HMR 生效,这对很多人非常不友好。目前 Vite 内置了一套更加完善的 WebSocket 连接策略,它能够自动满足更多场景的 HMR 需求。
二.Vite存在那些缺点和优点
优点:
1.开发环境速度非常快,体验非常好
2.支持Vue,React等
3.产物简洁清晰。
4.快速的冷启动,不需要打包操作。
5.即时的热模块更新,替换性能和模块数量的解耦让更新飞起;
6.真正的按需编译,不再等待整个应用编译完成.
缺点:
1.只针对ES6浏览器,脚手架不包括Vuex,Router等.
三.总结
Vite 3.0 带来了一系列的重大的架构变化,这个是市场的需求发展规律,开发工具肯定是向着发展越来越好用的道路前行,例如依赖预构建的重构、生产环境中对 Esbuild 预打包依赖的支持以及对 Pure ESM 的全面支持。 在过去的一年多时间里,Vite团队做出重大的努力和牺牲,因此Vite 团队做了很多功能改进和架构升级。 你可以发现在Github Star 已经达到 44k+,并且还在维护中。Vite的社区生态也逐渐完善。