20的40分钟之前还没看。
20的1小时15分

基于 Vite2。

在实际开发中，编写的代码往往是不能被浏览器直接识别的，例如 ES6+、React、Vue、TypeScript 等，必须通过构建工具来对代码进行转换、编译，例如 Webpack、Rolluop、Vite 等。

Vite：下一代前端开发与构建工具，能够显著地提升前端开发体验。

目前 Vite 虽然已经更新到 2.0，但是依然并不算非常的稳定，整个社区插件等支持也不够完善，大型项目使用 Vite 来进行构建的还比较少。

Vite 的构成：

Vite 主要由两部分构成：

1. 一个开发服务器：基于原生的 ESModule 提供了丰富的內建功能，HMR 的速度非常快。
2. 一套构建指令：本质上是使用 Rollup 打包代码，可以打包输出优化过的静态资源。

111

目前，浏览器已经原生支持 ESModule 了。
Vite 会先对文件进行处理，转换成 ESModule