Wtyczka Laravel Wtyczka Vite do Livewire ułatwia konfigurowanie aplikacji Laravel do korzystania z Vite z Livewire. Pozwala komponentom na przeładowanie na gorąco bez utraty stanu, gdy plik typu blade lub klasa komponentu ulegną zmianie.
Oto przykład użycia livewire()
wtyczka w pliku vite.config.js
:
import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';
import livewire from '@defstudio/vite-livewire-plugin'; // <-- import
export default defineConfig({
//...
plugins: [
laravel([
'resources/css/app.css',
'resources/js/app.js',
]),
livewire({
// refresh css (tailwind ) as well
refresh: ['resources/css/app.css'],
}),
],
});
Vite for Livewire ma inne opcje dostosowywania, o których możesz przeczytać w readme projektu. Możesz też zobaczyć to w akcji w tym filmie demonstracyjnym.
Możesz rozpocząć, instalując tę wtyczkę jako moduł NPM i postępując zgodnie z instrukcjami instalacji na GitHub: vite-livewire-plugin< /a>.