How do you deal with mixing multiple .css and .js files into one which laravel mix used to do so far.
The new Laravel 9 comes with Vite.js installed and laravel mix removed. As the main function for which we mostly used laravel mix was to mix the files from the /resource folder into the /public folder (many files into one). How are you dealing with this or are you still using laravel mix along with Vite?
If you want to bundle multiple CSS/JS files into one file instead of producing separate outputs, you should concatenate the imports within a single file. Include resources/css/app.css and resources/js/app.js in your vite.config.js:
input: [
'resources/css/app.css',
'resources/js/app.js',
],
This will result in one CSS and one JS file being bundled.
They replace mix with vite... everything else is same.
Tip..
Create fresh laravel 9 proj...
Install jetstream with inertia..All sets up resources/js , resources/components , app.js ... Vue3.
Just db migrate ,artisan serve , and npm run dev ....
