開發階段vite的速度遠快于webpack，主要是因為： **webpack是先打包再啟動開發服務器，vite是直接啟動開發服務器，然后按需編譯依賴文件。** ##### 下面詳細來說： * webpack先打包，再啟動開發服務器，請求服務器時直接給予打包后的結果； * vite直接啟動開發服務器，請求哪個模塊再對哪個模塊進行實時編譯； * 由于現代瀏覽器本身就支持ES Modules，會主動發起請求去獲取所需文件。vite充分利用這點，將開發環境下的模塊文件，就作為瀏覽器要執行的文件，而不是像webpack先打包，交給瀏覽器執行的文件是打包后的； * 由于vite啟動的時候不需要打包，也就無需分析模塊依賴、編譯，所以啟動速度非常快。當瀏覽器請求需要的模塊時，再對模塊進行編譯，這種按需動態編譯的模式，極大縮短了編譯時間，當項目越大，文件越多時，vite的開發時優勢越明顯； * 在HRM方面，當某個模塊內容改變時，讓瀏覽器去重新請求該模塊即可，而不是像webpack重新將該模塊的所有依賴重新編譯； * 當需要打包到生產環境時，vite使用傳統的rollup進行打包，所以，vite的優勢是體現在開發階段，另外，由于vite使用的是ES Module，所以代碼中不可以使用CommonJs；