webpack tree-shaking 优化

1、参考

https://www.webpackjs.com/guides/tree-shaking/

 

2、配置

（1）package.json配置：

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

（2）配置mode为production

 

3、说明

（1）写在vue文件中的代码，不会触发摇树！！！因为vue文件是有副作用的？？

（2）摇树是有缺陷的，只会根据静态结构特性，例如 import 和 export处理。对于require，或者动态加载的都无效。