Laravel 9.19: From Mix to Vite - What You Need To Know

After this new change, I see a lot of questions and requests to talk about it, so here's the video. TL;DR: it's not that big deal.

00:00 Intro
00:21 Demo: Laravel with Vite
04:14 What Was Actually Changed?
05:25 What If It Doesn't Work?
06:51 Old Project to Vite
07:41 Where to Read More

Related links:

- - - - -
Support the channel by checking out my products:

- - - - -
Other places to follow:

[jayjolupoi]

i just got annoyed not knowing this changes just now, got really confused why my laravel apps keeps showing page error and javscript. but your video comes at the great times. I really thank you for this

[jeytii]

Big thanks to the contributors. I can still remember the times when I had to hard reboot my PC due to Webpack's laggy compilation in large Laravel projects I developed

[KastsEcho]

Honestly, it should have been held until Laravel 10 because it seems like such a breaking change (especially for UI where Taylor said they'd keep supporting it, but they didn't when they made this change.)

[Samuel.Mwangi]

I have never been happier to deprecate a package. I have for months maintained a composer package that would swap out laravel-mix and webpack with Vite on every Inertia project.

Now with Vite receiving first-party support, the package is no longer required 🤘🥳

[alaaalssadh]

thank you so much, i was a little bit confused, but now i 'm ready to go with vite

[alifirhas]

Kinda realize this a few days ago. I have to set up a docker container in a virtual private server for a relatively big website project. Of course, I have to run `npm run build` which usually takes a lot of time to finish. So as usual while it runs, I brew some coffee, and it finishes the process while I'm pouring the hot water.

Kinda suck, cause I kinda like watching the `npm run build` command while I drink my coffee, but can't complain cause I can go home earlier.

[elfzfqr]

thank you for all of the time and effort you put into building all these videos

[nativenova]

Yes i notifced it. But you can manualy install weback js and use it like before!

[abdellatif.x]

Thanks man, i'm glad this video shows up in my feed, i really needed this

[bariqdharmawan]

I mean, I'm install laravel mix even on non Laravel project, bcz it's easer config between webpack. Why they don't use Vite in version 10.x

[zairoangelo]

I made a fresh project in Vapor in which Vite is already installed... i use mix on my projects, , , now i need to learn about vite how it works in the frontend

[sowmik.reborn]

Thanks for the news. I was struggling about laravel ui.

[ljoudbc]

In that case, how to combine multiple css or js files from /resouces folder into one file in /public folder, like we did with mix ?

[jhonjarissoto]

Maan, I love your channel, you don´t know how much you're helping
THANK YOU !

[vinayakdevc]

brilliant cant wait to integrate that to my project!

[giacomogaravaglia]

Thanks for this! Your package larastarter is not working because i think it needs mix to compile, but it's quite easy to go back.

[prabinkhadka]

Too many new awesome changes on laravel 9, and I'm still on laravel 7 projects .

[thomaspotterdotexe]

This has shocked me most when I build a laravel jetstream project

[darren]

I had tons of problems with a new project running PHP7 on my dev network, upgrading to PHP8 and new L9 project fixed it.

[ryanb]

wait so its broken for sail users? Seems like kind of a big problem. At least there's a workaround to install npm locally to run commands there but come on the whole benefit of sail or any docker based setup is you don't have to install all this stuff locally and each project can have its own versions. Will be sicking with mix unless/until that is fixed.