Angular はカスタム モジュール ルーティングの遅延読み込みを実装し、カスタム モジュール ルーティングとサブルーティングを構成します

図の緑色は新しく作成されたファイルを示し、黄色は変更されたファイルを示します。

1. 新しいプロジェクトを作成する

ng new angularlazyload

2. ユーザーモジュールを作成し、ルーティングを設定する

ng g module module/user --routing

図に示すように:

3. module/module の下にユーザーコンポーネントを作成します

ng g component module/user

図に示すように:

4. ルートの遅延読み込みを実装する

次のファイルを順番に変更します。

#1 ユーザールーティング.モジュール.ts