Jak stworzyć bibliotekę komponentów reagujących na wybieranie wiśni, taką jak lodash i date / fns

Zrobiłem jedną małą bibliotekę, która zawiera 20-25 różnych komponentów i utworzyłem z niej pakiet npm.

Mój projekt React, w którym chcę użyć tych komponentów, ma wiele stron [tras] używających ładowania z opóźnieniem, więc każda strona ma swój własny pakiet.

Ale kiedy piszę oświadczenie na mojej stronie głównej [App.js].

    import { MyModal } from 'my-react-lib';

Każdy komponent jest ładowany do pakietu strony głównej. więc moja początkowa wydajność ładowania jest gorsza. [Początkowy rozmiar pakietu 2 MB]

Przeczytałem koncepcję potrząsania drzewem i zdarzenia, które próbowałem wdrożyć w pakiecie webpack, a nawet z rollupem, ale robią tylko bundle.js, ale nie zgodnie z moim wymaganiem.

Jestem gotów osiągnąć najlepsze wyniki, takie jak import-eksport. tak samo jak date-fns i lodash.

      import format from 'date-fns/format';
      import debounce from 'lodash/debounce';

Jak to osiągnąć?

   import MyModal from 'my-react-lib/MyModal';
   import OtherComponent from 'my-react-lib/OtherComponent';