Everything is a plugin! Mastering webpack from the inside-out.

By Sean Larkin

Elevator Pitch

webpack is an extremely powerful bundler, but most people have not tapped into its custom plugin architecture. I want to teach you the anatomy of a plugin, look at webpack’s core plugins, and leave you being able to customize anything you’ve ever wanted for your stack through webpack!!!

Description

webpack is a JavaScript module bundler that has taken the world by storm. As a webpack maintainer, I aim to ensure that we provided great documentation for first-time users. However, there is still much to be written about tapping into some of webpack’s most powerful features: custom plugins. We will stroll through the webpack source all the way down to its powerful syntax parser. Along the way, we will learn about the anatomy of a webpack plugin, how webpack uses plugins internally, and then implement a few plugins ourselves!! My goal is for you to walk away able to write custom plugins, have a complete understanding of webpack from the inside-out, and leverage this powerful tool to work seamlessly with your tech stack and development workflow. Join me as we pop open the hood and master webpack together.

Notes

This talk can be extremely in depth, or it can be high-level.

As one of the maintainers of webpack, (and especially the org’s developer advocate), I feel I would be perfect for the topic. There are so many exciting and fun possibilities when you are able to pull back the hood on this tool and teach people how to take their build systems to the next level.