I am using laravel 11 and vite to compress my css and js files.

In local environment, I am using npm run dev. And in my layout I have this directive :

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

with that , each time I save something there are a compressed css file in public/build/asset.

When I deploy that in production, on heroku, I see the compression in the logs

Fine !

But when I get a page , I see that the compressed files are note used at all. It is the not compressed files which are used (of course I cleared the cache of my browser)

In my package.json file, I have these commands :

 "scripts": {
    "dev": "vite",
    "build": "vite build"
},

And in heroku I have these 2 packages installed

What can be my mistakes ?