6.tree shaking

按需打包

将文件标记为无副作用(side-effect-free)

• package.json

{
  "name": "your-project",
  "sideEffects": false
}

• 如果所有代码都不包含副作用，我们就可以简单地将该属性标记为 false，来告知 webpack，它可以安全地删除未用到的 export 导出。
• 如果你的代码确实有一些副作用，那么可以改为提供一个数组：
• 副作用是指：js按需加载时，会删除没用到的部分，删掉后是否有副作用

{
  "name": "your-project",
  "sideEffects": [
    "./src/some-side-effectful-file.js"
  ]
}

压缩输出

• package.json mode: "production"