问导入lodash的正确方法

EN

import has from 'lodash/has';更好，因为lodash将它的所有函数都保存在一个文件中，所以与其导入100k的整个“lodash”库，不如只导入lodash的has函数，可能是2k。

如果你使用的是webpack 4，下面的代码是树形摇摆的。

import { has } from 'lodash-es';

要注意的几点；

1. CommonJS模块是不可树摇动的，因此您绝对应该使用lodash-es，这是导出为ES模块的Lodash库，而不是lodash (CommonJS).
2. lodash-es's package.json contains "sideEffects": false，它通知webpack 4软件包中的所有文件都是无副作用的(请参见https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free).
3. This信息对于树摇动至关重要，因为模块捆绑包不会树摇动文件，即使其导出的成员不在任何地方使用。

编辑

因此，import { has } from 'lodash-es';也可以与As of version 1.9.0, Parcel also supports "sideEffects": false一起摇动树木。它还支持树摇动CommonJS模块，尽管根据my experiment的说法，ES模块的树摇动可能比CommonJS更有效。

导入花括号内的特定方法

从‘lodash’导入{ map，tail，times，uniq }；

优点：

• 只有一个导入行(对于相当多的functions)
• More可读用法：()而不是后面的javascript代码中的_.map()。

缺点：

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

抄袭自:亚历山大·切尔特科夫撰写的The Correct Way to Import Lodash Libraries - A Benchmark文章。