Module Bundlers Explained... Webpack, Rollup, Parcel, and Snowpack
Video Statistics and Information
Channel: Fireship
Views: 159,737
Rating: 4.9762793 out of 5
Keywords: webdev, app development, lesson, tutorial, webpack, rollup, module bundler, js, javascript, webpack basics
Id: 5IG4UmULyoA
Channel Id: undefined
Length: 9min 55sec (595 seconds)
Published: Thu Oct 22 2020
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.
Webpack can do a lot of things, which is confusing, but the basic concept is simple: browsers did not (up until very recent versions, and it's still a little finicky) support modules. In the past, that was fine, because people didn't do much with JS anyways and one file was enough. But now it's very different. It makes much more sense to have modules and separate files. But because browsers did not understand that, you needed a bundle to combine all that code into one JavaScript file.
Even with browser support for modules, it might still make sense to use bundlers because shipping one script file over the Internet is easier and cheaper.
Yea fireship is one of the best channels for explaining web developing!
Fireship uploads are so good, relative and straightforward.
Check out ESBuild also, it's crazy fast if you only need a JS-bundler.
Same!