Filament•10mo ago

show changes with vite

I see i can include a custom stylesheet, but this would require me to build each time i make a change. I'm not sure how to do this. I have a modal with a custom view, and i'd like to use tailwindcss and see the changes directly when Vite is running, but i can only find on how to include a processed css file

Solution:

in your vite inside the defineConfig you can include the custom css and some folder path whenever there is a changes of file in that path it will refresh the page with new changes: ``` plugins: [ laravel({...

Jump to solution

7 Replies

jaocero•10mo ago

npm run dev?

PatrickOP•10mo ago

yes but that will compile my own css file and filament does not see that

jaocero•10mo ago

you can include the the theme css in your vite in your input somehwre in vite.config.js

PatrickOP•10mo ago

oh i should make a custom theme? ill take a look at that thank you

jaocero•10mo ago

yes

Solution

jaocero•10mo ago

in your vite inside the defineConfig you can include the custom css and some folder path whenever there is a changes of file in that path it will refresh the page with new changes:

plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
                'resources/css/filament/theme.css'
            ],
            refresh: [
                'app/Livewire/**',
                'app/Filament/**',
                'resources/views/**',
                'resources/js/**',
                'resources/css/**',
            ],
        }),
    ],

plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
                'resources/css/filament/theme.css'
            ],
            refresh: [
                'app/Livewire/**',
                'app/Filament/**',
                'resources/views/**',
                'resources/js/**',
                'resources/css/**',
            ],
        }),
    ],

PatrickOP•10mo ago

thank you, got it working with a custom theme

Gaming

Programming

show changes with vite