Фронтенд для Laravel - Vite - Vite для Laravel

Так выглядит vite.config.js по умолчанию, после установки Laravel

import { defineConfig } from 'vite';
import laravel, { refreshPaths } from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**',
            ],
        }),
    ],
});

Если компоненты Livewire не используются, то необходимо изменить параметр refresh

...
  refresh: true,
...

Конфигурационный файл определяет плагины и обновляет страницу каждый раз, когда происходит сохранение файла просмотра. По умолчанию Vite обновляет страницу при каждом изменении файлов в этих папках:

• app/View/Components/
• lang/
• resources/views/
• routes/

Когда есть конфигурация Vite, указывающая на CSS и JavaScript файлы, мы можем ссылаться на эти файлы, используя @vite

@vite(['resources/css/app.css', 'resources/js/app.js'])