Более эффективный импорт

Question

ES6 я прочитал где-то (забыл источник, к сожалению), что это более эффективно, так или иначе, чтобы сделать это:

import _find from 'lodash/find'; 

в противоположность:

import _ from 'lodash'; // just to use _.find 

Я понимаю, как это могло быть более эффективным для импорта одной функции, но где именно коэффициент эффективности/производительности? Связано это с webpack? Если я не использую webpack в качестве моего механизма сборки, это имеет значение?

Answer 1

Когда вы импортируете большую библиотеку, вы импортируете все это (по крайней мере, с большинством связующих), поскольку нет четкого способа отличить то, что необходимо от импортируемого вами объекта.

Я не слишком хорошо знаком с lodash, но это точка входа должна выглядеть примерно так:

module.exports = { 
    find: require('./find.js') 
    filter: require('./filter.js') 
    // rest of the exposed functions 
} 

Во втором стиле импорта вы получили весь этот объект, но вам нужна только 1 функция от всего этого ,

Так что, если вы сделаете это:

import _ from 'lodash' 

Вы будете в конечном итоге с целой библиотекой lodash упакованной в свой пачке, в то время как если вы сделаете это:

import find from 'lodash/find' 

Вы только find и это зависимости, что приводит к значительно меньшему размеру пакета.