Webpack for Dummies
summary
Configures webpack via webpack.config.js, covering entry and output setup, loaders for handling CSS and images from JavaScript, and plugins to optimize bundles. Introduces code splitting, lazy loading, and cache-friendly filename hashing to improve SPA load performance.
AI-written summary · about
chapters (11)
- 0:00Webpack introduction
- 3:33Why use Webpack
- 7:48Basic Webpack config
- 10:16Module loading with loaders
- 14:54CSS loaders for styles
- 16:00Image handling in Webpack
- 21:22Webpack lazy loading
- 24:14Webpack plugins intro
- 27:04Code splitting and optimization
- 30:59Browser caching with hashes
- 34:53Summary and conclusions
related talks
26mWebpack: Core Concepts and Advance Topics
01h 03mIntroduction to webpack
28mWebpack for a better development workflow
27mA re-introduction to webpack
17mBundling your Front-End with webpack
23mStreamline your code with webpack
55mUnderstanding webpack from inside out
41mWebpack, a View Through a Monocle