transpile services modul angular 2

Question

Ich habe ein common Modul in einer angular 2 Anwendung. Dies ist, wie das Projekt strukturiert:

main 
--app 
    /common 
    --config 
    //.ts configs for modules 
    --services 
    //angular services 
    --models 
    --store 
    //ngrx store 
    /component1 
    /component2 
    app.module.ts 
    main.ts 
--js 
    //systemjs dependencies 
    Gruntfile.js 
    package.json 
    tconfig.json 

Das Projekt konfiguriert ist zu transpile arbeitet an bundle.js und wie erwartet. Nun möchte ich aber den Inhalt des common Ordners zusammenlegen und isoliert verpacken. So dass, ich kann nur laden seine Abhängigkeit mit , und dann gehören es app.module.ts in Komponenten zu verwenden.

Ich brauche Hilfe beim Einstieg, ist es einige gruntfile/tsconfig Änderungen, die ich machen muss? Oder müsste ich eine separate package.json/index.ts erstellen, um .ts Abhängigkeiten zu transpilieren?

Answer 1

Die Funktion, die Sie suchen, ist die Bundle Arithmetic Funktion des Systemjs-Builders. Es ist in SystemJS integriert und funktioniert sehr gut.

Es bedeutet jedoch, SystemJS zu verwenden, um Ihre App anstelle eines Grunzens zu bündeln.

Dies hat viele Vorteile und vereinfacht tatsächlich viele Szenarien, wie Ihren spezifischen Anwendungsfall, aber es kann eine Weile dauern, bis alles eingerichtet ist.

TypeScript unterstützt zu diesem Zeitpunkt keine Aufteilung von Bundles.

Die Aufteilung Ihrer App in mehrere npm-Pakete ist nicht erforderlich und führt zu einer erheblichen Komplexität in den Entwicklungsprozess, wenn Ihre Anwendung klein ist.