Lodash：摇树答案

【问题标题】：Lodash: tree shakingLodash：摇树
【发布时间】：2021-11-26 04:09:55
【问题描述】：

当我尝试使用 lodash 函数作为如下所示的特定导入时，它显示它仅加载 14.7KB 的大小。

但是当我尝试将导入用作解构对象时，它会显示 69.6KB 的大小

有些文章说它对上述两种导入都有效，而有些文章则说它不是。只是想了解它是在最终构建中添加完整构建还是仅添加特定功能，尤其是第二种语法（解构）

【问题讨论】：

【解决方案1】：

$ npm i -D babel-plugin-lodash

.babelrc
{
  ...,
  "plugins": [..., "lodash"]
}

这将允许任何导入样式（例如import _ from 'lodash'、import { isEqual } from 'lodash'，因为插件会将 lodash 函数的每次用法转换为： import xyz from 'lodash/xyz';

【讨论】：

我仍然看到整个库都被捆绑了，即使我将此插件添加到 babel.config.js 文件为const plugins = ['istanbul','lodash'];