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

Webpack: Anatomy of a Module Bundler