Vite 迎来又一个里程碑!

科技   2024-09-05 13:53   北京  
关注下方公众号,获取更多热点资讯


🎉2024年09月05日, Vite 又迎来了一个新的里程碑,贡献者人数突破1000人,祝贺🎉!

Vite 是一个由尤雨溪(Vue.js 的创建者)创建的现代前端开发工具,主要用于快速开发和构建前端项目。它通过两个主要部分:开发服务器和构建指令,为开发者提供了丰富的功能和优化,显著提升了前端开发体验。

Vite 里程碑回顾:

  • 👏🏻 Vite 2.0:2021年2月发布,Vite 的一个重要转折点,它去除了打包步骤,实现了快速的冷启动,并提供了及时的模块热更新和真正的按需编译。
  • 👏🏻 Vite 4.3:2023年4月发布,主要改进了devServer的性能,简化了解析逻辑,优化了热路径,并对查找package.json、TS配置文件和一般解析URL实现了更智能的缓存。
  • 👏🏻 Vite 4.4:2023年7月发布,版本开始支持 Lightning CSS,这是一个用 Rust 编写的极快的 CSS 解析器、转换器和压缩器,提供了更快的 CSS 处理速度和更小的输出文件大小。
  • 👏🏻 Vite 5.0:Vite 发展道路上的又一个重要里程碑。Vite 现在使用 Rollup 4,这已经大大提升了构建性能。此外,还有新的选项可用于提高开发服务器的性能。
  • 👏🏻 2024年09月05日, Vite 又迎来了一个新的里程碑,贡献者人数突破1000人。

Vite 主要特点

  • 极速的服务启动:利用原生ESM文件,无需打包,实现快速启动。
  • **轻量快速的热重载(HMR)**:无论应用程序大小如何,都能保持极快的模块热重载。
  • 丰富的功能支持:支持TypeScript、JSX、CSS等,开箱即用。
  • 依赖预构建:使用esbuild加快依赖加载时间,启动更快。

Vite 的优势

  • 快速的开发体验:相比Webpack,Vite在开发模式下并没有做太多打包操作,从而大大加速了构建速度。
  • 简单易用的配置:Vite的配置非常简洁,通常只需要一个配置文件即可完成项目的构建和部署。
  • 支持多种前端框架和语言:Vite不仅支持Vue、React、Angular等常见框架,还支持TypeScript、CoffeeScript、Sass等多种语言。
  • 优化的构建:Vite使用esbuild进行模块转译和压缩,提供了快速的构建体验。

Vite 与 Webpack 对比

1)NPM包下载量趋势:

2)其他维度:

总结

Vite通过其创新的工作原理和优化性能,已经成为现代前端开发的重要工具,特别是在需要快速迭代和高效开发的项目中表现出色。


1.关注FED实验室(前端开发实验室)获取更多前端热点资讯、技术实践、面试招聘等精彩内容。

2.扫描下面二维码,加小懒好友,进全栈开发交流群,一起学习和进步。

大家都在看

  1. Vue 3.5 即将发布,新特性抢先看

  2. 2024年前端状态管理工具大盘点

  3. 里程碑!Rspack 1.0 正式发布

FED实验室
前端开发实验室,专注于前端全栈开发方向,内容覆盖前端热点资讯、工程架构、技术实践、工具资源和前端面试招聘等内容。全网同号。
 最新文章