用 lodash-es 摇树

Question

我正在尝试使用 webpack 为我们的包配置摇树。我希望用lodash-es 替换lodash。我知道有一些 webpack 插件可以启用 lodash tree-shaking，但我希望直接访问 lodash-es，因为我们的 webpack 配置有点复杂。

当我查看包大小时，我注意到当我使用绝对路径（例如：import merge from 'lodash-es/merge'）而不是使用命名导入（例如：import { merge } from 'lodash-es'）时，包要小得多。

这是一种预期的行为，还是更多地表明未正确配置 tree-shaking？

Answer 1

这应该是正确的摇树：

• lodash-es/package.json 设置sideEffects: false，至少在当前版本中

您可以检查的其他事项：

• 如果您进行了优化 - 可能是开发版本，并且尚未完成摇树操作
• 如果您有 babel 或其他工具将您的 es-module 转换为不适用于 treeshaking 的东西。