Webpack for Everyone

Webpack is a wonderful tool for bundling front-end assets. Having said that, it can sometimes be a bit confusing to newcomers who switch over from a more traditional "concatenate these scripts and libraries in this exact order" setup. However, considering the recent release of Webpack 2, there has never been a better time to dive in. In this series, I'll show you how simple it is to bundle and optimize your assets for production.

• Zero Configuration Compilation
• A Dedicated Configuration File
• Modules Are Simply Files
• Loaders Are Transformers
• ES2015 Compilation With Babel
• Minification and Environments
• Sass Compilation
• Extract CSS to a Dedicated File
• The Relative URL Conundrum
• How to Strip Unused CSS
• Long-Term Caching
• Webpack Manifests
• Automatic Image Optimization
• Developing Webpack Plugins