Tree Shaking — Deploy Even Less Code to Production
summary
Explains how ES6 module import/export enables "tree-shaking" in bundlers Webpack 2 and Rollup.js to produce smaller production bundles by including only used code. Covers benefits compared to traditional JS optimizers like UglifyJs, shows a simple usage example with Webpack 2 and Rollup.js, and demonstrates extracting only needed parts from the ES6-rewritten lodash (2015).
AI-written summary · about
chapters (6)
- 0:00Introduction and presentation
- 1:17Context
- 3:30The treeshaking phase
- 4:47Deploy even less code
- 7:19Advantages and disadvantages
- 17:52Conclusion
related talks
23mStreamline your code with webpack
34mBuild-time Optimizations in JavaScript Applications
32mLet's Tree-shake it...
16mThe Art of Tree-Shaking
58m10KB or Bust: The Delicate Power of Webpack and Babel
36mUnbundling the JavaScript module bundler
34mGift Wrap Your Code with Webpack
32mThe Importance of import and export