A compendium of Webpack resources
Talks
- Sean Larkin: Webpack: The Core Concepts
- Glen Maddern: Webpack from First Principles
- Sean Larkin, Tobias Koppers: ReactiveConf2017: Understanding webpack from the inside out
- Matt Gaunt, Addy Osmani: Totally Tooling Tips: Webpack Tips
- Ryan H Lewis: What's new in Webpack 3
- Brad Traversy: Webpack Crash Course
Articles
- Nirjhor, Webpack 3 quickstarter: Configure webpack from scratch
- Tim Sebastian, Predictable long term caching with Webpack
- Sean Larkin, webpack bits: Getting the most out of the CommonsChunkPlugin()
- Nolan Lawson, The cost of small modules
- RC, Optimising your application bundle size with webpack
- Vladimir Metnew, Webpack loaders and plugins for your new Progressive Web App
- Anthony Gore, Critical CSS and Webpack: Automatically Minimize Render-Blocking CSS
- Johannes Ewald, The state of JavaScript modules
- James Gillmore, Webpack’s import() will soon fetch JS + CSS— Here’s how you do it today
- Jeremias Menichelli, Brief introduction to scope hoisting in Webpack
- Vivek Nayyar, Faster, smaller bundles using Bundle Buddy and webpack’s CommonsChunkPlugin
- Dhaivat Pandya, Webpack’ing your GraphQL Documents
- John Reilly, TypeScript + Webpack: Super Pursuit Mode
- Addy Osmani, Webpack Performance Budgets
- Addy Osmani, The PRPL Pattern
Courses & learning resources
- Webpack Academy
- SurviveJS – Webpack and React
Tooling
Build analysis
- Webpack Bundle Analyzer – CLI & plugin for interactive zoomable treemap generator
- Webpack Analyzer – dependency chart, chunk chart, assets, errors, hints; drag & drop
stats.json - Stellar Webpack – interactive dependency graph
- Webpack Visualizer – dependency graph, errors, drag & drop
stats.json - Source Map Explorer – works with the compiled bundle and sourcemap
Other
- Webpack Dashboard – CLI dashboard for your webpack dev server