深入理解Vite3.0

说明:最近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的社区生态也逐渐完善。