前端主流框架Vue大家应该都耳熟能详，很多的公司和项目都在使用，以前前端构建工具用的比较多的是webpack，后面渐渐地出现了Vite，它受到大家的喜爱和使用，那大家是否也很想知道它的由来以及优势，为什么越来越受到大家的热衷使用呢？

其中Vite和Webpack的区别可参考如下,这里不再赘述https://blog.csdn.net/2401_85955297/article/details/140729643?spm=1001.2014.3001.5501文章浏览阅读1k次，点赞25次，收藏12次。Webpack、Vite区别知多少？我们常用的前端构建工具webpack、vitehttps://blog.csdn.net/2401_85955297/article/details/140729643?spm=1001.2014.3001.5501

一、vite的由来

        Vite是一个现代的前端构建工具，由Vue.js的创始人尤雨溪（Evan You）开发。它的出现主要是为了解决现有前端构建工具的一些问题，

         在早期，前端开发中使用的主要构建工具是Webpack。Webpack是一个功能强大的模块打包工具，可以将多个模块打包成一个或多个文件。然而，随着前端项目的复杂化和模块数量的增加，Webpack的配置变得越来越复杂，开发者往往需要花费大量的时间来配置项目。

         另外，Webpack的热重载功能在启动时需要较长的时间来构建整个项目，使得开发者在开发过程中的反馈速度变慢，影响了开发效率。

    总而言之，Vite的出现是为了解决现有前端构建工具在开发效率和打包性能方面的问题，使得前端开发更加快速和高效。

二、Vite定义

       Vite是一个基于ES Modules的开发服务器，它利用了现代浏览器对ES Modules的原生支持，可以直接在浏览器中运行源代码，而无需将代码打包成一个或多个文件。这样就大大提高了开发的速度，无需等待整个项目的构建过程。

三、vite的优势

      1、高性能：vite采用了异步IO和基于事件的架构，使得其在处理高并发场景下能够实现高性能的网络通信和数据处理。

      2、低延迟：由于vite使用了基于事件的架构，所以能够快速响应并处理客户端请求，降低了网络通信延迟。

     3、轻量级：vite的设计目标是轻量级和易于使用，它只实现了最基本的功能，避免了过度复杂和冗余的功能，从而提高了开发效率。

     4、可扩展性：vite支持插件机制，开发者可以根据自己的需求添加自定义的插件，扩展vite的功能。

    5、热更新：vite支持热更新，当代码发生变化时，vite能够快速重新构建和热更新应用程序，提高开发效率。

    6、开发体验：vite提供了简单易用的开发工具和友好的开发环境，使得开发者能够更加便捷地进行开发和调试。

四、底层构建工具

     Vite还使用了Rollup作为底层构建工具，Rollup是一个专注于打包JavaScript库的工具，它能够生成更小、更快的包。这使得Vite在处理大型项目时表现出色。