| title | slug | page-type |
|---|---|---|
Tree shaking |
Glossary/Tree_shaking |
glossary-definition |
{{GlossarySidebar}}
Tree shaking is a term commonly used within a JavaScript context to describe the removal of dead code.
It relies on the import and export statements to detect if code modules are exported and imported for use between JavaScript files.
In modern JavaScript applications, we use module bundlers (e.g., webpack or Rollup) to automatically remove dead code when bundling multiple JavaScript files into single files. This is important for preparing code that is production ready, for example with clean structures and minimal file size.
- "Benefits of dead code elimination during bundling" in Axel Rauschmayer's book: "Exploring JS: Modules"
- Tree shaking implementation with webpack