javascript - 从 '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

您想要的(以及首选的)称为 tree shaking :

Tree-shaking is the process of removing unused code during the bundle process.

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

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

这不会树摇动:

import { foo } from 'lodash'

也不会，显然是这样的:

import _ from 'lodash' 

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

您可以阅读more here