从'lib'导入{fn1}与从'lib'导入fn1

Question

我从lodash导入了一些函数，我的同事告诉我，最好分别导入每个函数，而不是将它们作为一个组导入。

当前方法：

import {fn1, fn2, fn3} from 'lodash';

首选方法：

import fn1 from 'lodash/fn1';
import fn2 from 'lodash/fn2';
import fn3 from 'lodash/fn3';

她的理由是后者会导入较少的代码，因为它不会导入整个lodash库。

是这样吗

Answer 1

您想要的（以及首选）被称为摇树：

摇树是在捆绑过程中删除未使用的代码的过程。

执行此操作并利用树抖动的正确方法是：

import foo from 'lodash/foo' // <-- only import `foo`

这不会摇晃：

import { foo } from 'lodash'

显然也不会：

import _ from 'lodash'

在Lodash v4中实现了对此语法的支持。

你可以在这里阅读更多

Answer 2

根据我可以找到的来源， import x from y; 从y导入默认导出，在文件中将其称为x 。

因此，您的首选方法是使用3个不同的变量名称导入默认导出3次。

首选方法在生产中可行吗？

资料来源：

Answer 3

我确实相信是import {fn1, fn2, fn3} from 'lodash'; 是导入模块的不同导出的正确方法，但是，我认为使用这种方法可能会更好

    import {
      fn1, 
      fn2, 
      fn3
    } from 'lodash';

因为如果不再需要它们，则更容易删除它们中的任何一个

从&#39;lib&#39;导入{fn1}与从&#39;lib&#39;导入fn1