правила создания деревьев с помощью модуля npm и веб-пакета

Question

Если у меня есть пакет npm, который экспортирует все его компоненты из 1 файла index.js:

export * from './components/A';
export * from './components/B';

Тогда, если у меня есть другой пакет, который потребляет этот пакет:

import {A} from 'my-package';

Будет ли содержимое components/B упаковано, даже если оно никогда не используется в пакете потребления?

Есть ли способ обойти это?

Answer 1

Делаем это:

export * from './components/A';
export * from './components/B';

То же, что и:

export class A () ...
export class B () ...

Если вы просто import {A}..., вы говорите веб-пачке, что вам важно только A.

Используя именованный импорт, webpack способен только связывать содержимое A, но не связывать B в окончательный вывод.

TL; TR: всегда используйте именованные экспорты / импорт, если вы хотите иметь оптимизированный код в конце.