webpack-basic

A short and sweet incremental introduction to Webpack, resulting in deployment of a functioning React + Redux site.

The 7 Steps

Each step is on its own branch. Check them out to follow along:

Note: You may need to run npm install with each step

• 1. A minimal React site with Webpack
• 2. Add style loading & preprocessing with PostCSS
• 3. Splitting the vendor bundle from the main bundle
• 4. Dynamic code loading with React Router & Webpack's code splitting
• 5. Using HTMLWebpackPlugin to add bundle hashes & handle caching
• 6. Add url-loader for handling images
• 7. Build tweaks & Heroku deployment

Heroku instance of the final product.