Плагін Vite Livewire

Плагін Vite для Livewire Laravel дозволяє легко налаштувати програми 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< /a>.