如何导入单个 Lodash 函数？

javascript lodash

2022-08-30 01:38:26

使用webpack，我试图导入isEqual，因为似乎正在导入所有内容。我尝试执行以下操作但没有成功：lodash

import { isEqual } from 'lodash'

import isEqual from 'lodash/lang'

import isEqual from 'lodash/lang/isEqual'

import { isEqual } from 'lodash/lang'

import { isEqual } from 'lodash/lang'

答案 1

您可以作为单个模块进行安装，而无需安装整个 lodash 软件包，如下所示：lodash.isequal

npm install --save lodash.isequal

使用 ECMAScript 5 和 CommonJS 模块时，可以像这样导入它：

var isEqual = require('lodash.isequal');

使用ES6模块，这将是：

import isEqual from 'lodash.isequal';

您可以在代码中使用它：

const obj1 = {username: 'peter'};
const obj2 = {username: 'peter'};
const obj3 = {username: 'gregory'};

isEqual(obj1, obj2) // returns true
isEqual(obj1, obj3) // returns false

来源： Lodash 文档

导入后，可以在代码中使用该函数。请注意，如果以这种方式导入，则它不是已命名对象的一部分，因此您不会使用引用它，而是直接使用。isEqual__.isEqualisEqual

替代方法：使用 lodash-es

正如@kimamula所指出的：

对于 webpack 4 和 lodash-es 4.17.7 及更高版本，此代码可以正常工作。

import { isEqual } from 'lodash-es';

这是因为 webpack 4 支持 sideEffects 标志，而 4.17.7 及更高版本包含该标志（设置为）。lodash-esfalse

为什么不使用带有斜杠的版本？这个问题的其他答案表明，您也可以使用破折号而不是点，如下所示：

import isEqual from 'lodash/isequal';

这也有效，但有两个小缺点：

你必须安装整个lodash软件包（），而不仅仅是小的单独的lodash.isequal软件包;存储空间便宜，CPU速度快，所以你可能不在乎这个npm install --save lodash
使用webpack等工具时产生的捆绑包将略大;我发现具有最小代码示例的捆绑包大小平均大28%（尝试了webpack 2和webpack 3，有或没有Babel，有或没有Uglify）isEqual

答案 2

如果您只想包含而不是其余函数（对于保持较小的捆绑包大小很有用），则可以在ES6中执行此操作;isEquallodash

import isEqual from 'lodash/isEqual'

这与lodash README中描述的内容几乎相同，只是它们使用语法。require()

var at = require('lodash/at');