vite简介，使用vite创建项目的优势

简介：vite 作为下一代前端项目生成工具，自然有着许多独特之处，比较常见的就是搭建react.js和vue.js的项目，还有一些轻量的构架框架也可以了解一下(Vamilla.js、Preact.js、Lit.js、Svelte.js)，Vite 通过在一开始将应用中的模块区分为 依赖 和 源码 两类，改进了开发服务器启动时间。

优势

1.启动快 --> 项目启动速度快10-100倍

传统 --> 当我们使用 传统的构建工具 搭建项目越来越大时，服务器的启动速度就会比较慢，通常需要很长时间（甚至是几分钟！）才能启动开发服务器，循环往复，就会影响开发者的开发效率的幸福感。

vite --> vite启动开发服务器的时候，不会加载依赖和源码两类代码，vite以原生ESM方式提供源码，让你的浏览器接管了打包程序的部分作用，屏幕实际使用的时候才会进行处理。

传统型服务器启动和vite启动的对比图(采自vite官网)

 

 2.更新快 --> 打包效率以及代码更新快

传统 --> 当我们使用 传统的构建工具 打包项目时速度同样会随着应用体积增长而直线下降，更改一部分模块时，仍然需要整个重新构建并重载页面，这样代价很高。

vite --> vite的灵敏度很高，热替换是建立在原生ESM上执行的，vite可以精确的捕捉到HMR（热替换）边界外的链失活，无论应用大小如何，HMR始终能保持快速更新。