How to Compile multiple CSS into one CSS with Laravel + Vite?

I have been using laravel mix for a long time. In laravel’s latest version then change laravel mix with vite. In vite I am having trouble combining multiple CSS files into one. I used to use the following code.

], 'public/css/app.css');

Can anyone help me configure the vite.config.js file?

Instead of adding them in the config file, you can import all your CSS files into main.css.

@import 'bootstrap.css';
@import 'plugin.css';

[rest of the css]

When you run the commands vite will automatically combine all files into one.