本篇文章給大家分享一個laravel擴展：vite-plugin 包，介紹一下如何在 laravel blade 中使用 vite 來實現熱重載，希望對大家有所幫助！
Laravel 團隊更新了第一方 Laravel vite-plugin 包， 以支持blade 模板/任意文件更改時的全頁重新加載。當你編輯更改的 blade 模板（或你配置的任何其他文件）時，Vite 將重新加載整個頁面。開發過程中不再需要手動刷新瀏覽器！
安裝新的 Laravel 項目時，你的 vite.config.js 文件中的基本配置如下所示：
import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel({ input: [ 'resources/css/app.css', 'resources/js/app.js' ], refresh: true, }), ], });
上面的代碼片段是一個全新的 Laravel 應用程序附帶的；你不需要做任何事情來讓熱重載在一個新項目上工作。
注意 refresh 配置——當設置為 true 時，Laravel Vite 插件會在你更新以下路徑中的文件時刷新頁面：
routes/** resources/views/**
該約定可能適用于大多數項目，但如果你想包含其他路徑或文件，你可以配置刷新屬性：
import { defineConfig } from 'vite'; import laravel from 'laravel-vite-plugin'; export default defineConfig({ plugins: [ laravel({ input: [ 'resources/css/app.css', 'resources/js/app.js' ], refresh: [ 'resources/routes/**', 'routes/**', 'resources/views/**', ], }), ], });
有關配置選項的更多詳細信息，請參閱官方文檔中的 vite-plugin。
試試看
讓我們設置一個演示 Laravel 應用程序來演示熱重載。首先，讓我們創建一個新的演示項目：
laravel new blade-hot-reload --git cd blade-hot-reload
安裝項目后，將以下內容添加到 resources/views/ 中的welcome.blade.php 文件的
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
