Webpack – The React Parts
summary
Shows concrete webpack steps that cut a demo React app from 1.5 MB to 280 KB by using process.env NODE_ENV replacement, minifiers for JS/CSS/HTML, and bundle splitting with CommonsChunk plus a runtime/manifest fix. Demonstrates build analysis via webpack-bundle-analyzer and stats JSON, adds dynamic imports using import() with a small loadable wrapper for lazy loading, and sketches a working universal/server+client chunk-loading approach that is promising but still bleeding edge.
AI-written summary · about
chapters (5)
- 0:00Start
- 8:06Techniques
- 16:08Minifying === How to convert code into a smaller form without losing anything essential?
- 18:08Bundle Splitting
- 27:54SSR +CODE SPLITTING UNIVERSAL RENDERING
related talks
41mOnce you go webpack you never go back
23mStreamline your code with webpack
28mWebpack for a better development workflow
26mA tale of two front-end development environments: or how bend npm3 to your will
48mBuild tools 101
01h 03mIntroduction to webpack
58m10KB or Bust: The Delicate Power of Webpack and Babel
17mBundling your Front-End with webpack