What Is Webpack?

In this video, I up-pack what webpack is in plain english and how it can help you.

Sign up for Level Up Pro for full access

The best shared web hosting

Subscribe to the Level Up Newsletter

At its core, webpack is a module bundler for modern JavaScript applications. When webpack processes your application, it recursively builds a dependency graph that includes every module your application needs, then packages all of those modules into one or more bundles.

[lefxxwill]

3 years later still a great introduction! thanks scot

[vincepalejr]

Very good video. I went in with no knowledge of webpack, but feel like I now know enough to consider learning more and implementing it in a project. +1 Subscriber.

[rja]

It is worth learning how to build a basic webpack config so you can easily amend the files that come with boilerplates imho.

[JoseHerradez]

Thanks man, that's what I wanted for this week and you did! <3

[Mezklador]

I often write my own webpack config files: I understand what to use, define paths and activate few loaders. It's not so difficult and you just need to understand the compilation process with Webpack. Don't rely on pre-build ones, often wrong-defined!

[Codefide]

How do I deal with js files that are in my /src/scripts but then in other folders... I want to export a file jscript files on their own instead of bundling it within a bundle.index.js ? Does that make sense...? Thanks!

[BryceHipp]

really loving these "what is" videos!

lodash and vue would be awesome!

[Muaddibkhan]

which vscode theme/ color palette are you using?

[think-forge]

What theme on VSCode are you using? Great video btw :)👊

[ishan]

It would be great if you could do some tutorial on Brunch in future videos :)

[umnajdi]

Please do an adequate set up video, theres been so many updates, its really confusing for us noobs. something like react webpack babel bootstrap

[dkapper]

So how is Webpack different then create-react-app?

[jasonlloyd]

what is lodash would be an awesome video!

[samuelpimenta]

I didn't get it. LVL up pro is like netflix ? I can access all of your paid courses?

[rw]

that diagram on the site looks like you take some css, .js etc. run it through a box and get css, .js etc out : dont get it... hope you tuts explains better.

2 mins in -- my browser understands all these files anyway..what is webpack doing?

4.29, , ahh i like the fact is doesnt confuse your variables up : from .movie : a bit like php where you state the table where the data lives. is this abit like angular in that you import all the componants?

7.2 that just sounds not fun... i dont like webpack... i ll write down my variables on a piece of paper to stay organised?

9 ; oh well if everyone else is using it i will to...
.whats all this config stuff u keep talking about...

[Momosun]

This looks like dependency injection to me.

[madd]

60 FPS was essential to understand all the details of webpack. Otherwise it would be too choppy.

[calebprenger]

Webpack is junk. Downloading something like prepros.io will help you greatly.