Tree-Shaking是什么?

Tree-Shaking是什么?

Tree-Shaking是一种代码优化技术,其通过删除未使用的代码来减少最终打包出来的文件的大小,从而提高程序的加载速度和性能。

概念

在webpack5的production环境中默认开启了Tree-Shaking功能,也就是build出来的代码会删除无用的代码。

无用的代码包括下面几类:

  • 不可能执行的代码
  • 定义了但是没有引用的变量

参考

  1. https://www.webpackjs.com/guides/tree-shaking/#root

评论