tree shaking

作用

译音摇树,即将引入的文件,不需要的部分去除,缩小文件大小,优化性能

配置

注意: 只可以作用于import..export,即使使用了treeshaking也会存在于打包后的文件内,但是并未使用,想要去掉就要使用压缩插件,
最新的webpack在production环境中,已经开启treeshaking并且支持在打包后自动压缩了

1,在optimization中配置usedExports, 导入的文件需要使用的也是export,才会有效果

2,在package.json中配置sideEffects, 来忽略掉某些有副作用的文件 (副作用,即文件里面有立即执行的代码,比如说css文件),当使用MiniCssExtractPlugin时候,必须将css忽略掉,不然会出问题

image.png

image.png