tree-shaking理解

几句话理解 tree-shaking

什么是tree-shaking？

Tree Shaking中文含义是摇树，在webpack中指的是打包时把无用的代码摇掉，以优化打包结果。

而webpack5已经自带了这个功能了，当打包环境为production时，默认开启tree-shaking功能

一句话就是可以将无引用的代码或者文件不打包进项目，从而优化项目 。 如果这个文件存在副作用，则副作用的代码将会 被打包进项目，当然sideEffects可以在package.json中设置：

// 所有文件都有副作用，全都不可 tree-shaking
{
 "sideEffects": true
}
// 没有文件有副作用，全都可以 tree-shaking
{
 "sideEffects": false
}
// 只有这些文件有副作用，
// 所有其他文件都可以 tree-shaking，
// 但会保留这些文件
{
 "sideEffects": [
  "./src/file1.js",
  "./src/file2.js"
 ]
}