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

Web Development
,
1

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.

mix.styles([
    'resources/css/bootstrap.css',
    'resources/css/main.css'
], 'public/css/app.css');

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

2

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.