Skip to content

Webpack: Anatomy of a Module Bundler

Photo of Tim Doherty
Hosted By
Tim D. and Garvan K.
Webpack: Anatomy of a Module Bundler

Details

http://photos3.meetupstatic.com/photos/event/4/7/3/b/600_450138235.jpeg

What is Webpack? Is it really automagical? Can it replace my build system? What the heck is a module bundler anyway?

Webpack is arguably the most popular module bundling solution out there today. It's undeniably powerful, and does a lot right out of the box, but its configuration can be daunting and the available examples are often complex and unapproachable.

Join me as I attempt to demystify this enigmatic tool. I'll present a slide deck covering the state of JavaScript modules, why bundlers arose, and some high-level concepts of Webpack, then we'll dive deeper with a step-by-step tutorial from absolute basics through to a simple React application.

Bring your laptop, I'll post the tutorial code on github prior to the event for those who want to follow along.

6:00-6:30: Meet & greet & food

6:30-8:30: Slide deck & tutorial

Hope to see you there!

We're going to try and broadcast this event live, which should also let us record it for future playback:

https://www.youtube.com/watch?v=wiVkbvIAtLU

https://plus.google.com/events/cgvbmljgcovt1m7n8joravg5b1c

--

Tutorial code for those who'd like to follow along: https://github.com/tdoherty/webpack-tutorial

Please, to limit bandwidth usage during the event:

• Install Node.js + npm (preferrably 5.x / 3.x) before coming to the event

• Clone the repo before coming to the event

• Run "npm install" from the master branch to install all the npm dependencies before coming to the event

Photo of Santa Barbara JavaScript group
Santa Barbara JavaScript
See more events
PayJunction
1903 State Street · Santa Barbara, CA