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.
Overview
Syllabus
- 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
Taught by
Jeffrey Way