Once you go webpack you never go back
summary
Live demo builds a small app with webpack plus Babel, ESLint, LESS and webpack-dev-server, showing hot module replacement that preserves component state and updates CSS, images and fonts without full reload. React + Redux example runs with test watcher that re-runs only tests affected by changed modules. Notes: image loader inlines inline images under 5KB (larger assets are emitted separately), Ember loaders are immature and Angular 2 starter can be flaky. Use npm scripts to hide complexity.
AI-written summary · about
chapters (13)
- 0:00Introduction to build tools
- 3:44What is webpack
- 7:29Basic webpack setup
- 11:30Hot module replacement
- 15:18Linting with ESLint
- 17:09Processing LESS files
- 20:10Dynamic module updates
- 23:32Frameworks and webpack
- 27:13React with webpack
- 31:06Testing with webpack
- 35:34Maven vs webpack commands
- 37:47NPM scripts best practices
- 39:36Key takeaways
