学习用于Livewire的LaravelVite插件

148 阅读1分钟

用于Livewire的LaravelVite插件使得配置Laravel应用程序与Livewire一起使用Vite变得简单。它允许组件热重载,当组件的刀片文件或类改变时,不会丢失状态。

下面是一个在vite.config.js 文件中使用livewire() 插件的例子。

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还有其他定制选项,你可以在项目的自述中了解这些选项。