Recently I came across this "stats picture" in someone's Readme profile on Github, displaying profile information, and it caught my attention. It is dynamic, meaning, every time you see this image it is going to be up to date with the current stats. But, how does it render dynamic information inside of the static markdown page?

Building huge applications means putting together hundreds of different modules, packing, bundling and shipping that towards user. Control of bundle size becomes critical at this point, one module, one bad apple, can just ruin everything. Let's talk about that in this post.

Webpack architecture is heavily based on events (each plugin is basically a set of event listeners called during compilation). Under the hood, webpack uses a library called `tapable` to encapsulate "publish-subscribe" implementation.