当前位置:首页 > 技术分析 > 正文内容

Vite 迎来又一个里程碑!(vitec group)

ruisui883个月前 (02-03)技术分析10

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

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/876.html

标签: vite.js
分享给朋友:

“Vite 迎来又一个里程碑!(vitec group)” 的相关文章

适合旧电脑2022年值得推荐的 10 款轻量级 Linux 发行版

推荐 10 款轻量级Linux 发行版,它们是 2022 年的轻量级、对旧硬件友好的 Linux 发行版。1、Linux LiteLinux Lite 是一款基于#ubuntu# 和 Debian 的、正在不断开发和完善的 Linux 发行版,极好看的 Xfce 桌面,并基于 Ubuntu,采用了...

12种JavaScript中最常用的数组操作整理汇总

数组是最常见的数据结构之一,我们需要绝对自信地使用它。在这里,我将列出 JavaScript 中最重要的几个数组常用操作片段,包括数组长度、替换元素、去重以及许多其他内容。1、数组长度大多数人都知道可以像这样得到数组的长度:const arr = [1, 2, 3]; console.log(a...

vue2中路由的使用步骤,你学会了吗?

今天我们来整理下关于vue2中路由的使用步骤:1. 导入 vue 文件和Vue-router文件(注意:vue-router是依赖vue运行的,所以一定在vue后引入vue-router)2. 定义路由组件模板3. 创建路由实例并定义路由规则4. 将路由实例挂载给Vue实例5. 在结构区域定义控制路...

Vue Router 4 路由操作 - 路由导航

路由导航分为 声明式导航 和 编程式导航。通过 <router-link to="..."> 标签跳转的方式为声明式导航。通过 路由实例对象(router.push(...))跳转的为编程式导航。导航到不同的位置想要导航到不同的URL,使用 router.push 方法。...

uni-app基于vue开发小程序与标准vue开发新增点

1、路由跳转传参uni.navigateTo({ url: `/pages/transition/spreadTextAction?t=${this.options.t}&rt=${this.options.rt}&l=${this.options.l}`});uni.navigateBack({...

三勾商城(java+vue3)微信小程序商城+SAAS+前后端源码

项目介绍本系统功能包括: 前台展示+后台管理+SAAS管理端,包括最基本的用户登录注册,下单, 购物车,购买,结算,订单查询,收货地址,后台商品管 理,订单管理,用户管理等等功能,小伙伴一起来看看吧。三勾小程序商城基于springboot+element-ui+uniapp打造的面向开发的小程序商城...