Newbie here,

I have a site I built before using simple php that I’m trying to convert over to a framework. I’ve converted my old CSS to scss. Have multiple scss files like _layout.scss and app.scss is @import each file.

If I npm build I seem to get a compiled app.css in resources/build. but im still developing. Why wont npm run dev spit out resources/css/app.css?

The app.css is empty. after 8 hours of screwing around i managed to get some of the CSS to work but not its broken again and i lost it.

My vite config file is:

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

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/js/app.js', 'resources/sass/app.scss'],
            refresh: true,
        }),
    ],
});

Checked and updated all dependencies.
cleared Cache