Vite: The Death of Webpack? 😨

Vite has been catching a good momentum these days and is giving a rough time to Webpack. Do you think Vite will be the death of Webpack? Can it outshine the amazing bundler Webpack has been? In this video, let's discuss what Vite is, why it is better than Webpack and how you can make a switch!

Drop a comment and let us know if you've watched this video till the end!

Timestamps
0:00 Teaser
0:32 What is a Module bundler?
2:12 How WebPack work?
3:17 How does Vite work?
5:58 Difference between Vite & WebPack
7:04 Creating Vite Playground
9:07 Will Vite replace WebPack?
10:16 Outro

👉 Checkout codedamn on social:

If you found the video valuable, please leave a like and subscribe ❤️ It helps the channel grow and helps me pumping out more such content.

✨ Video Tags ✨
How to Shift to Vite from Webpack? | Vite vs Webpack

✨ Hashtags ✨
#vite #webpack #bundler #2022 #programming #react

[codedamn]

Vite has been catching a good momentum these days and is giving a rough time to Webpack. Do you think Vite will be the death of Webpack? Can it outshine the amazing bundler Webpack has been? In this video, let's discuss what Vite is, why it is better than Webpack and how you can make a switch!

Drop a comment and let us know if you've watched this video till the end!

[JimmyBrioche]

I have to say that this is an excellent video. No messing around, straight into the information and really well explained. Nice work.

[ScanWs]

The first thing vite documentation says that it is pronounced as "vit" not "white"

[rajan-ub]

I really like parcel and vite over webpack( BTW its pronounce more like VEET/VIT).

[mma]

I’m pretty sure its pronounced “v-it”. It means fast in french (im guessing since vue means view in french)

[Ahmed-fqkz]

the whiteboard was really helpful, thanks

[lathavoggu]

Earlier wasn't sure about these concepts. Now at least I can speak for a min on this. Thank you. I watched this video till the end.

[RolandDavid-muie]

2yrs later. This is still the best explanation. Trust me i've checked😮‍💨

[johnm]

how about a follow up on how to replace an existing webpack project

[LS-jvuh]

Thank you for this. You are by far the best front-end tooling teacher and communicator I have come across.

[copyninja_]

I have been using Vite since the october of 2021 and o boi it's fast af and I have been wanting to share this with others. Now you did it. Thank you.

[PiyushSuthar]

Looks like it'll soon overtake webpack. I've been using vite for all of my projects for more than a year now and the experience is smooth af.

Also the space occupied on the disk by the vite project is less than webpack (atleast for preact/react).

[sidwebworks]

All good, just one thing 😂 it's pronounced as Veet, not Vite. Yeah ik an Core team member corrected me in their discord 😂

[oksandman]

Why do you always have click bait titles for your vids, makes you look B tier compared to other YouTube tuts channels, even tho your content is A tier

[oakleyorbit]

I ran into some webpack problems a couple of weeks ago 😵🔫

[yashchauhan]

Soo there is no need for dynamic imports aka code splitting
when you are building app with vite right ?

[ahmedidris]

I watched this video till the end, Thanks for the elaborate explanation 🙏

[Candyapplebone]

My companies web Pak build for our multi page react application can sometimes take my computer six minutes to boot from cold with web pack. Can’t wait to try out using this verse I TE bundler thing during some sort of hack day when I can get a day to do whatever I want

[itsmnthn]

It seems I cannot accept discord invite form the link mentioned in the video description

[sarder]

Thanks for the nice explanation, the pronunciation is VIT (VEET) as per the developers. Thanks again...