vite

1. 劣勢
2. 優勢
   • 打包快
   • 預打包
     • 第三方庫預打包

通過瀏覽器去做打包esmodule?

webpack 遷移到 vite

• magic commit (webpack)
  • rollup

特性

1. 在開發環境中，一個 import 語句代表一個 HTTP 請求，正式Vite的dev server來接收這些請求、進行文件轉義以及返回瀏覽器可以正常運行的代碼，從而讓項目正常進行

對比
react 官方基於 Webpack 的腳手架create-react-app，從項目初始化到依賴安裝所花的時間與 Vite 對比如下:
![[Pasted image 20220623152500.png]]

缺點：

1. 二次預構建頁面 reload 的問題

registry.npmmirror.com 淘寶源新地址應該是這個