Vite是一个尤大开源的革命性的Web构建工具。

Vite是基于浏览器原生ES Module imports的构建工具。很多场景下，Vite可以代替webpack，开发调试的速度有了非常大的提升。Vite支持对单个文件的热更新，调试一行代码等很久的情况或将成为历史。

vite是法语中“ fast”的意思，其发音是/vit/。

目前来说，Vite可以通过polyfilled兼容支持ES2015（ES6）的浏览器，是立足当前且面向未来的创新。如果你的应用场景下可以使用Electron或者支持ES6的浏览器，后端搭配高版本Node.js并设置type=module，那么就可以拥有一整套的原生ES Module开发体验了。相比起某些语言十多年还没迭代完成一个大版本，JavaScript在这方面可谓是强大得多。不过当前引入第三方库可能还存在较大的难度。Vite使用要求项目里只使用ES Module imports，如果使用了 require 将无法正常运行，所以要完全代替webpack仍有难度。由于大部分项目都经过了Babel编译，原始代码普遍是ES Module imports方式，因此迁移成本较低。

使用Vite，「热更新的速度不会随着模块增多而变慢」，它只会重新编译改变了的文件。

特性

• 闪电速度的冷启动
• 即时热模块更换（HMR）
• 真正的按需编译

快速体验Vue 3.0 + Vite

yarn create vite-app vue-demo && cd vue-demo && yarn && yarn dev

Vite开源仓库地址：https://github.com/vitejs/vite

更多关于Vite的介绍，推荐阅读《Vite 原理浅析》。