Nowadays, more and more web developers use modules when coding javascript. It’s a nice way to organise files and share your work with community.

But, for people who don’t use it everyday, all terms and librairies can be confusing: CommonJS, RequireJS, ES6 Module, AMD, Browserify, SystemJS, Webpack,… WTF!

So, for me and for developers a bit lost about that, I did this diagram:

[Note that I didn't add link between ES6 Module loader and SystemJS who use it for a better visibility]

Hope it can helps some of you and tell me if I’ve made mistakes.