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)摇树是有缺陷的,只会根据静态结构特性,例如 importexport处理。对于require,或者动态加载的都无效。