Webpack: Anatomy of a Module Bundler

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