app.moduleを小さなファイルに分割するにはどうすればよいですか？

Question

私はIonic 3、Angular 4、ngrxデザインパターンを学んでいます。

は、私が働いてアプリケーションを持っていますが、私のapp.module.tsで（輸入を省略）、このように見える：

@NgModule({ 
    declarations: [ ModelOnePage ], 
    imports: [ 
     IonicPageModule.forChield(ModelOnePage), 
     StoreModule.provideStore({ modelOne: ModelOneReducer }), 
     EffectsModule.run(ModelOneEffects), 
    ], 
    //bootstrap [?], 
    entryComponents: [ ModelOnePage ], 
    providers: [ModelOneActions, ModelOneService ] 
}) 
export class ModelOneModule { } 

：私は希望が

@NgModule({ 
    declarations: [MyApp, ModelOnePage, ModelTwoPage ], 
    imports: [ 
     IonicModule.forRoot(MyApp), 
     StoreModule.provideStore({ modelOne: ModelOneReducer, modelTwo: ModelTwoReducer }), 
     EffectsModule.run(ModelOneEffects), 
     EffectsModule.run(ModelTwoEffects), 
    ], 
    bootstrap [IonicApp], 
    entryComponents: [MyApp, ModelOnePage, ModelTwoPage ], 
    providers: [ModelOneActions, ModelOneService, 
       ModelTwoActions, ModelTwoService, 'andSomeIonicStuff'] 
}) 
export class AppModule { } 

は、modelOne.module.tsなど個別の.moduleファイルを持っています

など、各モデル/ページには独自のものがあります。

巨大なファイルをすべて持っているのは明らかに構造がひどいので、私は尋ねています。また、同じプロジェクトで複数の人が異なる部分を扱っていて、同じファイルを変更しなければならないときにgitの競合やマージを管理することは理想的ではありません。

これまでのところ、レイジーローディング戦略を実装しているページビット用にこの作業を行っていますが、StoreModuleとEffectsModuleとプロバイダのインポートは機能しません。

私がしようとしていることを達成する方法があるかどうかを知りたいと思います。そうでなければ、それはなぜですか？スタックのどの部分がにありますか？？ （ngrx-プラグイン、angular4、ionic3 ...）

Answer 1

ちょうど、あなたのapp.module.tsを分離main.tsに新しいものをインポートして、それが

また、このquestion月はあなたの新しいアイデアをもたらしブートストラップ