共有コンポーネントライブラリのベストプラクティス

Question

共有可能なReactコンポーネントライブラリを作成しています。

ライブラリには多くのコンポーネントが含まれていますが、エンドユーザーはそれらのいくつかを使用するだけでよい場合があります。

コードをWebpack（またはParcelまたはRollup）にバンドルすると、すべてのコードを使用して1つのファイルが作成されます。

パフォーマンス上の理由から、実際に使用する場合を除いて、すべてのコードをブラウザでダウンロードしたくありません。コンポーネントをバンドルするべきではないと私は思いますか？バンドルはコンポーネントの消費者に任せるべきですか？コンポーネントの消費者に他に何かを残しますか？ JSXをトランスパイルするだけですか？

同じリポジトリに多数の異なるコンポーネントが含まれている場合、main.jsには何を含める必要がありますか？

Answer 1

チャンクファイルを作成するための構成がwebpackにあります。まず、メインバンドルを複数のチャンクに作成し、必要に応じてロードします。プロジェクトに適切に構造化されたモジュールがある場合、不要なコードは読み込まれません。