vite是近年开始迅猛发展的一个工具，更是有人喊出它可以取代webpack的统治地位。
总的来说，包括vite在内，很多近期出现的构建工具，类似snowpack，wmr，都倾向于把转换和构建的更多工作内容交给浏览器去做，这也是得益于2018年从firefox开始，浏览器逐步开始支持ECMAScript 2015 的 **Module，**这能很大程度的减少推送到开发服务器的时间。
vite可以说是这几个中最优秀的，也是最接地气的，因为它是由尤雨溪开发的，它即可以当做cra或者vue-cli这样的脚手架工具，又可以实现webpack这样的包管理。
但是目前，它的服务端渲染部分还不是很完善，所以假如需要服务端渲染，还是继续使用webpack，next，nuxt，总的来说就是，不要为了使用而使用，而是为了解决某种问题才去使用。当然，vite后续肯定也是会把这方面给补齐完善起来的。
Vite 的开发服务器非常强大。Vite 通过 esbuild 将一个项目的所有依赖关系预先打包到一个单一的本地 JavaScript 模块中，然后用一个大量缓存的 HTTP 头来提供服务。这意味着在第一次页面加载后，不会在编译、服务或请求导入的依赖项上浪费时间。
Vite 的 React 和 Vue 模板都引入了支持热模块替换的插件。Vue模板为一个用于单文件组件引入了Vue插件，以及一个用于 JSX 的 Vue 插件。React模板引入了 react-refresh 插件。无论哪种方式，都会给你提供热模块替换和客户端状态保存。
同时，Vite 并不像 Snowpack 和 wmr 那样支持流式导入。这意味着要像往常一样安装npm的依赖关系。
我们可以安装和使用CSS预处理器--只需npm安装预处理器，并将文件重命名为正确的扩展名（如 .filename.scss ），Vite就会开始应用相应的预处理器。而且正如我们在概述中所说，Vite 支持CSS代码分割。
这是它与市面上新工具的对比
场景
设置
开发服务器
生产构建
其他方面
可以开始尝试下了
