Tree Shaking，干嘛的？打包的时候清除死代码（没有使用的代码）

根据 Webpack 文档，

需要 production 模式，以及调整 Babel 成编译为 ESM 模块化格式：

[
  "@babel/preset-env",
  {
    "modules": false
  }
]

这样就和上一节的 Polyfill + async 需求相冲突， 所以现在只能选择其中一个特性？或许芭？

在上一节中，同样的配置能支持 Polyfill + async， 所以，目前能同时支持 Polyfill + async + Tree Shaking 了~~

命令无变化，和上次一样。

{
  "build": "webpack --mode=production",
  "build:dev": "webpack --mode=development",
  "test": "node ./dist/app.js",
  "build:babel": "babel src --out-dir dist",
  "test:babel": "node ./dist/index.js"
}

build（production 模式）打包后检查 dist/ 中的 JS 文件，

除了 Polyfill 的效果，

如果没有 lib.js 中的 DEADBEAF 相应代码，

那么 Tree Shaking 是成功的。