正确的进口方式

Question

我在下面有一个拉请求反馈，只是想知道哪种方式是正确的方式来导入洛蒂什？

您最好从“lodash/has”导入has。。对于lodash（v3）的早期版本，它本身非常繁重，我们应该只导入一个特定的模块/函数，而不是导入整个lodash库。不确定更新的版本（v4）。

import has from 'lodash/has';

vs

import { has } from 'lodash';

谢啦

Answer 1

在大括号内导入特定方法

import { map, tail, times, uniq } from 'lodash';

赞成的意见：

• 只有一个导入行（相当数量的功能）
• 更易读的用法：在javascript代码中使用map（）代替_. map（）。

欺骗：

• 每次我们想使用一个新函数或停止使用另一个函数时，都需要维护和管理

抄袭自：导入Lodash库的正确方法-Alexander Chertkov撰写的一篇基准文章。

Answer 2

如果您使用的是webpack 4，则以下代码是可树抖动的。

import { has } from 'lodash-es';

注意事项；

>

通用JS模块不是树摇动的，所以你一定要使用logash-es，这是作为ES模块导出的Lodash库，而不是logash（通用JS）。

lodash es的软件包。json包含“sideEffects”：false，它通知Webpack4包中的所有文件都没有副作用（请参阅https://webpack.js.org/guides/tree-shaking/#mark-该文件将显示为（无副作用）。

这些信息对于树抖动至关重要，因为模块捆绑器不会抖动可能包含副作用的文件，即使它们的导出成员没有在任何地方使用。

编辑

从1.9版开始。0，包还支持“副作用”：false，在从“lodash es”导入{has}之前 也可以与包裹一起晃动。它还支持树震动CommonJS模块，尽管根据我的实验，ES模块的树震动可能比CommonJS更有效。

Answer 3

从“lodash/has”导入has更好，因为lodash将其所有函数保存在一个文件中，因此与其以100k的速度导入整个“lodash”库，不如只导入lodash的具有函数，该函数可能为2k。