Tree shaking - MDN Web Docs Glossary: Definitions of Web-related terms 编辑

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 in ES2015 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. 

Learn more

General knowledge

• "Benefits of dead code elimination during bundling" in Axel Rauschmayer's book: "Exploring JS: Modules"

Technical reference

• Tree shaking implementation with webpack