# Tree Shaking
亦称:树摇优化
tree shaking 是一个术语,通常用于描述移除 JavaScript 上下文中的死代码。 它依赖于 ES2015 模块语法的 静态结构 特性,例如 import 和 export。 这个术语和概念实际上是由 ES2015 模块捆绑器 rollup 普及起来的。
提示 译注:死代码(dead code)是指程序中一段已经不会被执行的代码,通常是因为重构、优化或者逻辑错误导致的。这些代码可能是之前版本的遗留物,或者> 某些条件下永远不会被执行的代码。
# 为什么
开发时我们定义了一些工具函数库,或者引用第三方工具函数库或组件库。
如果没有特殊处理的话我们打包时会引入整个库,但是实际上可能我们可能只用上极小部分的功能。
这样将整个库都打包进来,体积就太大了。
# 是什么
Tree Shaking
是一个术语,通常用于描述移除 JavaScript 中的没有使用上的代码。
注意:它依赖 ES Module
。
# 怎么用
Webpack 已经默认开启了这个功能,无需其他配置。