© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•3y ago•
10 replies
Patrick

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({
            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/**',
            ],
        }),
    ],
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Bundling js files with vite
FilamentFFilament / ❓┊help
6mo ago
Page title changes with Wizard?
FilamentFFilament / ❓┊help
2y ago
Vite configuration
FilamentFFilament / ❓┊help
15mo ago
Vite error
FilamentFFilament / ❓┊help
2y ago