Introduction to webpack

October 15, 2020

background

At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.

In the following presentation I'm going over the basics of webpack. There is also a github repository with a workshop of adding webpack to a simple html website.



You can learn more by doing, using the mini workshop that I did for webpack. There are 2 branches of interest: webpack-start and webpack-end. The first one is the barebone html website. In the readme.md you have all the steps to upgrade it to a webpack enabled website.

Webpack workshop start

In case you want to check the final version, where webpack is fully integrated, you could check the branch webpack-end.

Webpack workshop final



Happy coding!

@imhotepp