с точки зрения производительности, мульти импорт лучше или нет?

Question

Я знаю, что я слишком требователен, но я действительно хочу знать, какой подход лучше в плане производительности в ES6:

import A from 'blabla/A';
import B from 'blabla/B';
import C from 'blabla/C';

или

import {A, B, C} from 'blabla';

Answer 1

Если вы используете Webpack или другой трясущийся дерево упаковщик, оба они примерно эквивалентны.

Предполагая, что в blabla есть некоторый подмодуль D, который вам не нужен или не нужен, ваш первый пример явно сообщает Webpack, что вам нужны только A, B и C. Во втором примере Webpack вытягивает их все, но затем следует выбросить D, потому что он на самом деле не используется.

Там может быть какое-то незначительное повышение эффективности, так или иначе, но это, как правило, не имеет большого значения.