如何将app.module分成较小的文件？

Question

我正在学习Ionic 3，Angular 4和ngrx设计模式。

我有一个正常工作的应用程序，但是我的app.module.ts看起来像这样（省略了导入）：

@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 { }

但是我想有单独的.module文件，例如modelOne.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 { }

依此类推，每个模型/页面都有自己的模型。

我问，是因为拥有一个包含所有内容的巨大文件显然对结构很可怕。 当多个人在同一个项目中从事不同工作并且必须修改同一文件时，管理git冲突和合并也是不理想的。

到目前为止，我已经为页面工作了，实现了延迟加载策略，但是StoreModule和EffectsModule以及提供程序的导入无法正常工作。

我想知道是否有一种方法可以实现我想做的事情。 如果没有，那为什么呢？ 堆栈的哪一部分有故障 ？ （ngrx-plugin，angular4，ionic3 ...）

Answer 1

只需将您的app.module.ts分开，将新的导入到main.ts并引导它

这个问题也可能给您带来新的想法