複数の共有モジュールをAngularアプリケーションで使用する

Question

Angularアプリケーションで複数の共有モジュールを使用する際に問題があるかどうかは知りませんか？

私が疑問に思っているのは、すべてのパイプ、ディレクティブ、共通コンポーネントを1つの大きな共有モジュールに入れて、読み込み機能のうち1つまたは2つだけを使用するレイジーロードモジュールでインポートするとします）、出力ファイルに未使用コードの重複が生じる可能性があります。 次に、複数の共有モジュール間で共有機能を分割し、特定のモジュールごとに必要なモジュールのみをインポートすると、アプリのサイズが小さくなりますか？ Angularはデフォルトでこのような最適化をすべて行いますか？

私は、Angularビルドシステムが基づいているwebpackが共通のチャンクを1つのファイルに入れることができることを知っています。しかし、遅延ロードされたモジュールでうまく動作するかどうかはわかりません。

Answer 1

この場合、ng buildが出力するものについて何らかの調査を行いました。私は2つの遅延モジュール（共有機能に依存する）を使用し、共有モジュールをそれらにインポートしました。その後、アプリケーションを構築してファイルをチェックしました。それらには特別なコードは含まれていませんが、main.bundle.jsに完全に置かれた共有モジュールのみを参照していました。

これは、アプリケーションごとに1つの共通の共有モジュールに共有機能を置くことは、ビルドの合計サイズに影響を与える場合、複数の共有モジュール間で共有する機能を分割することと同じではないことを意味します。