資產捆綁是現代Web開發的核心組成部分，有助於優化和管理CSS，JavaScript和其他資源。多年來，Laravel Mix簡化了此過程，但是隨著JavaScript工具的發展，Laravel已轉變為Laravel 11中的默認值。 為什麼Laravel做了此開關？

[2

性能和速度

---

Vite專注於兩件事：開發速度和生產績效。如果您厭倦了等待構建，Vite的即時反饋將感覺像是新鮮空氣的呼吸。使用熱模塊替換（HMR）

[Vite的開發服務器實時提供更改，因此您可以立即看到更新，而無需完整頁面刷新。這種直接的反饋創造了更快，更有趣的發展體驗。 [2 Laravel Mix使用此方法，它需要大量的初始捆綁時間，在服務器準備就緒之前會延遲。 [2 這種基於ESM的方法的開發速度要快得多，因為它避免了完整的捆綁過程。 Vite使用此方法，使開發人員可以立即看到更改而無需等待完整的捆綁。

（這些圖片來自Vite的官方文檔）

為了生產生產，Vite使用捲盤用作其捆綁器，優化和縮小代碼以確保快速性能。這使Vite能夠提供兩全其美的最好的：在編碼過程中進行速度的No-Bundle開發，而傳統的捆綁進行了優化的生產構建。 [2 現代JavaScript支持

搖動

匯總，Vite生成了優化的生產捆綁包，刪除未使用的代碼並根據需要拆分資產。這會導致較小，更快的負載捆綁包，從而增強您的應用程序性能。
增強的開發人員體驗

Vite的配置過程非常簡單。與WebPack不同，配置可以變得密集且複雜，Vite的文件都易於讀取和自定義，即使您沒有豐富的Bundler經驗。
加上Vite的構建，可與Vue和React等流行框架無縫地工作。由於這些框架也從Vite的HMR和優化的開發環境中受益，因此您可以在前端較重的Laravel項目上更有效地工作。 [2

未來的防護和社區採用

JavaScript生態系統正在快速發展，Vite獲得了堅實的立足點。它被廣泛採用和支持，擁有一個龐大的活躍社區，可帶來持續的改進和豐富的插件資源。 Vite的設計與前端開發的發展方向非常相吻合，如果您想對未來的項目進行防護，則可以成為明智的選擇。

拉拉維爾（Laravel）採用Vite的決定表明了與現代標準的明確一致，將您的Laravel項目定位為與最新的前端技術保持兼容。

拉維爾整合

Laravel的vite插件

包括@vite for blade模板等方便的助手函數，自動處理資產版本和cache busting。使用Just @vite（'Resources/CSS/App.css'），您可以鏈接CSS文件，而不必擔心過時的高速緩存問題。

您可以為Laravel Vue項目設置Vite.config.js：

從'vite'import {decteconfig}; 從'@vitejs/plugin-vue'導入vue; 導出默認decteConfig（{ 插件：[vue（）]， }）; ，然後在刀片中： @vite（'Resources/CSS/App.css'）

您好，Vite！