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