/artsy-webpack-tour

Annotations on webpack source code in a pseudo-guided fashion.

artsy-webpack-tour

Annotations on webpack source code in a pseudo-guided fashion

Just an experiment

My goal as one of the maintainers for webpack is being able to help developers better understand how webpack works.

Demystify to tool so it helps you become more comfortable understanding how to use it and contributing to our source code and supporting packages.

Have a question?

The whole goal is to teach you how to use webpack, therefore please ask questions about the annotations you see inside of a github issue, and I will help you clarify any parts of what is seen below. There is NO wrong question.

Disclaimer: This may not match master!

I will likely not keep this up to date with every change in master on webpack/webpack. Rather, the purpose is to teach how to read and view the flow of the compilation lifecycle through webpack.

Help Wanted 😍💕😍💕😍💕😍💕😍

Version (webpack 2.2.1+ from master)

Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Step 9 Step 10 Step 11 Step 12 Step 13 Step 14 Step 15 Step 16 Step 17 Step 18 Step 19 Step 20 Step 21 Step 22 Step 23 Step 24 Step 25 Step 26 Step 27 Step 28