Laravel plugin keeps full refreshing the page when refresh is disabled

• Laravel Vite Plugin Version: 0.5.2
• Laravel Version: 9.19.0
• Node Version: 16.15.0
• NPM Version: 8.11.0
• Host operating system: Linux
• Web Browser & Version: Chrome 103.0.5060.134
• Running in Sail / Docker: Docker

Description:

It seems that setting refresh: false doesn’t disable full reloads on blade files changes

Steps To Reproduce:

this is my vite.config.js

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

export default defineConfig({
    server: {
        host: '0.0.0.0',
        port: 3000,
    },
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
            ],
            refresh: false,
        })
    ],
});

and this is the result if I change one of my blade files:

https://user-images.githubusercontent.com/8792274/182189388-7cbde9b6-64f3-4cc2-9c56-e2d0ea10e841.mp4

am I missing something in the configuration?

[jessarcher]

Hey @fabio-ivona, thanks for reporting this.

I’ve been able to replicate the issue starting from version 0.5.0 onward when we switched to Vite 3.

I’ll see if I can figure out what’s going on.

[fabio-ivona]

I agree with that behavior if you want to make it work with a plain html + tailwind:

If i add a tailwind class inside my html, the css is updated with the new rule, but I need to refresh the page to add the class to the html

Also, I agree with them that there should be a way to override the default behavior (i.e. for livewire components), but I think it is a vite related issue

The main issue is that it could be counterintuitive setting refresh=false here and experience a full reload when html is changed

It could be overridden with a fix similar to the one I made on the livewire plugin, but we should coordinate in order to overlap each other with the fix