Beginner’s guide to Webpack

Nader Dabit
JavaScript Training
9 min readSep 7, 2015

Or what I wish I knew when starting with Wepback.

Click here to go to the final Github repo.
We are using Webpack 1.x. Webpack 2 will not work with this tutorial. Click
here to view the Webpack changelog.

Webpack is the latest and greatest in front-end development tools. It is a module bundler that works great with the most modern of front-end workflows including Babel, ReactJS, CommonJS, among others. As a beginner to Webpack, this is what I have learned.

This tutorial has been updated to use Babel 6

--

--

Nader Dabit
JavaScript Training

Full Stack Product Engineer, Author, Teacher, Director of Developer Relations at Avara