• Czas czytania ~1 min
  • 10.08.2022

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>.

Comments

No comments yet
Yurij Finiv

Yurij Finiv

Full stack

O

Professional Fullstack Developer with extensive experience in website and desktop application development. Proficient in a wide range of tools and technologies, including Bootstrap, Tailwind, HTML5, CSS3, PUG, JavaScript, Alpine.js, jQuery, PHP, MODX, and Node.js. Skilled in website development using Symfony, MODX, and Laravel. Experience: Contributed to the development and translation of MODX3 i...

O autorze CrazyBoy49z
WORK EXPERIENCE
Kontakt
Ukraine, Lutsk
+380979856297