Sposób ładowania modułów warunkowo w Angular 2

Question

Poniższy kod może warunkowo załadować fałszywą usługę opartą na różnych zmiennych środowiskowych Angular-cli. Jednak efekt uboczny polega na tym, że fałszywe usługi są wbudowane w końcowe transkodowane i zminimalizowane pliki wyjściowe.

Czy istnieje lepszy sposób na wykonanie leniwych modułów ładujących w angular2?

app.module.ts:

import {BrowserModule} from "@angular/platform-browser"; 
import {NgModule} from "@angular/core"; 
import {FormsModule} from "@angular/forms"; 
import {HttpModule} from "@angular/http"; 
import {AppComponent} from "./app.component"; 
import {environment} from "../environments/environment"; 
import {XService} from "./xxx.service"; 
import {XMockService} from "./xxx-mock.service"; 

let importedModules: Array<any> = [ 
    XService 
]; 

if (environment.mock) { 
    importedModules.push(
    {provide: XService, useClass: XMockService} 
); 
} else { 
    importedModules.push(
    XService 
); 
} 

@NgModule({ 
    declarations: [ 
    AppComponent 
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule 
    ], 
    providers: importedModules, 
    bootstrap: [AppComponent] 
}) 

export class AppModule {} 

Answer 1

Można spróbować coś podobnego do tego.

main.ts

platformBrowserDynamic().bootstrapModule(RootModule); 

root.module.ts

@NgModule({ 
    imports: [ 
    LandingModule, 
    UserModule 
    ], 
    entryComponents: [PageComponent, UserComponent], 
}) 
export class RootModule { 

    constructor(private router: Router .....) { 
    } 

    ngDoBootstrap(ref: ApplicationRef) { 
    const isUserPageRequested = this.shouldGoToUser(); 
    if (isUserPageRequested) { 
     this.router.resetConfig(userRoutes); 
     ref.bootstrap(UserComponent); 
    } else { 
     ref.bootstrap(PageComponent); 
    } 
    } 
} 

PageComponent została zadeklarowana w LandingModule i UserComponent została zadeklarowana w UserModule. W ten sposób możliwe jest warunkowe ładowanie modułu, gdy działa on po skompilowaniu z aot.