# Tree Shaking

亦称:树摇优化

tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的死代码。 它依赖于 ES2015 模块语法的 静态结构 特性,例如 import 和 export。 这个术语和概念实际上是由 ES2015 模块捆绑器 rollup 普及起来的。

提示 译注:死代码(dead code)是指程序中一段已经不会被执行的代码,通常是因为重构、优化或者逻辑错误导致的。这些代码可能是之前版本的遗留物,或者> 某些条件下永远不会被执行的代码。

# 为什么

开发时我们定义了一些工具函数库,或者引用第三方工具函数库或组件库。

如果没有特殊处理的话我们打包时会引入整个库,但是实际上可能我们可能只用上极小部分的功能。

这样将整个库都打包进来,体积就太大了。

# 是什么

Tree Shaking 是一个术语,通常用于描述移除 JavaScript 中的没有使用上的代码。

注意:它依赖 ES Module

# 怎么用

Webpack 已经默认开启了这个功能,无需其他配置。