Есть ли затраты на производительность, если использовать несколько импортов вместо одного с именем import

Question

Мне интересно, есть ли стоимость производительности , если мы сделаем многократный импорт , вот так:

import { wrapper } from './components/wrapper';
import { error } from './components/error';
import { products } from './components/products';

В каждой папке компонентов у меня есть индекс . js и экспортируйте его по имени, например так:

export { default as wrapper } from '.wrapper';

---

По сравнению с:

Импортируйте все файлы как именованные, импортированные из одного Источник, например, так:

import {
   wrapper,
   error,
   products,
 } from './components';

В папке components у меня есть индекс, где я собираю и экспортирую все файлы, например:

export { wrapper } from '...';
export { error } from '...';
export { products } from '...';

Answer 1

Согласно спецификации ES262, операторы import и export просто предоставляют информацию о зависимостях между модулями и механизмом. Как модули фактически загружаются, в конце концов, это до двигателя (хотя есть несколько ограничений). Так что на самом деле существует разница между импортом из источника и импортом реэкспорта, зависит от среды.

Все различия, вероятно, не имеют значения. Выберите то, что работает лучше для вас.

Answer 2

Я фанат такого подхода. Мне нравится разбивать некоторые компоненты на папки и показывать только то, что я хочу, остальной части моего приложения. Я действительно не думаю, что это повлияет на производительность устройства. (Очевидно, что на prod нет абсолютно никакой разницы, поскольку весь проект упакован в один файл)