1.1、什么是Vite
Vite是一种新型的前端构建工具，它能显著改善前端开发体验。 Vite由两个主要部分组成：
dev server：利用浏览器的ESM能力来提供源文件，具有丰富的内置功能并具有高效的HMR 生产构建：生产环境利用Rollup来构建代码，提供指令用来优化构建过程 Vite作为一个基于浏览器原生ESM的构建工具，它省略了开发环境的打包过程，利用浏览器去解析imports，在服务端按需编译返回。同时，在开发环境拥有速度快到惊人的模块热更新，且热更新的速度不会随着模块增多而变慢。因此，使用Vite进行开发，至少会比Webpack快10倍左右。
1.2 、Vite的主要特性
Instant Server Start —— 即时服务启动 Lightning Fast HMR —— 闪电般快速的热更新 Rich Features —— 丰富的功能 Optimized Build —— 经过优化的构建 Universal Plugin Interface —— 通用的Plugin接口 Fully Typed APIs —— 类型齐全的API
使用简单，开箱即用
相比Webpack需要对entry、loader、plugin等进行诸多配置，Vite的使用可谓是相当简单了。只需执行初始化命令，就可以得到一个预设好的开发环境，开箱即获得一堆功能，包括：CSS预处理、html预处理、异步加载、分包、压缩、HMR等。他使用复杂度介于Parcel和Webpack的中间，只是暴露了极少数的配置项和plugin接口，既不会像Parcel一样配置不灵活，又不会像Webpack一样需要了解庞大的loader、plugin生态，灵活适中、复杂度适中。适合前端新手。
内容加自己的理解和在网上做了摘抄
