Плагин Vite Livewire

Плагин Laravel Vite для Livewire упрощает настройку приложений Laravel для использования Vite с Livewire. Он позволяет выполнять горячую перезагрузку компонентов без потери состояния при изменении блейд-файла или класса компонента.

Вот пример использования livewire() плагин в файле 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 для Livewire есть и другие параметры настройки, о которых вы можете прочитать в readme проекта. Кроме того, вы можете увидеть его в действии с помощью этого демонстрационного видео.

Вы можете начать работу, установив этот плагин как модуль NPM и следуя инструкциям по установке на GitHub: vite-livewire-plugin< /а>.