webpack5，import 方式对 tree shaking 的影响

背景

最近发现一个很有意思的问题，import * as ... 对 tree shaking 的影响。百度了一堆文章，都说 export default 对象被 import 后，挂在 default 上的属性和方法，即使没有被调用，也无法被 tree-shaking。

但是，实际上真的是这样吗？？？

实践

大前提：搞了一个小 demo，用的 webpack5。
写了一个 math.js 库，export default 了两个函数。然后我通过 import * 的方式用到了 plus 函数，没有用 square 函数。构建之后发现，square 函数压根没有被打包进去。

结论

webpack5 优化了 tree shaking！
export default 对象被 import 后，挂在 default 上的属性和方法，没有被调用，就会被 tree-shaking 掉。
所以说，实践出真知！知道的越多，其实不知道的就越多。

这篇好文章是转载于：学新通技术网