Udostępnianie modułu zewnętrznego między leniwymi modułami ładowanymi w trybie kątowym2

Question

Moja aplikacja zawiera komponenty korzystające z dużego zewnętrznego pakietu (ag-grid, około 1 MB), który jest dostarczany jako moduł kątowy2 (AgGridModule). Chciałbym załadować pakiet tylko wtedy, gdy wymagane są składniki, które go używają, więc mój ContentModule i wszystkie jego submoduły są leniwie ładowane. Cała konstrukcja wygląda następująco:

Jednak, kiedy importować AgGridModule się zarówno Submodule1 i Submodule3, kończy się są zawarte w sporządzonej JS dwukrotnie, dzięki czemu zarówno 1.chunk.js i 3.chunk. js duże. Próbowałem zaimportować go do ContentModule, ale wtedy submoduły nie rozpoznają komponentów zawartych w AgGridModule, nawet jeśli wymienię je w właściwości exports z ContentModule.

@NgModule({ 
    imports: [ 
    ContentRoutingModule, 
    SomeOtherModule, 
    AgGridModule.withComponents([]) 
    ], 
    exports: [ 
    // this is the component from AgGridModule that I use 
    AgGridNg2 
    ] 
}) 
export class ContentModule { } 

Czy istnieje sposób, aby udostępnić moduł pomiędzy leniwych modułów załadowanych lub narazić niektóre elementy importowanego modułu do leniwych załadowane dzieci?

UPD: Tworzenie wspólny moduł i importowanie go do submodules nie pomaga, wciąż istnieją dwa kawałki z około 1MB każda:

UPD2: I rozwiązać problem tymczasowo przez scalanie Submodule1 i Submodule3 w jeden moduł.

Answer 1

Można użyć numeru SharedModule, gdzie można import, a także export z AgGridModule. Musisz export kompletny moduł AgGridModule, a nie tylko elementy, których używasz.

Następnie można po prostu import z SharedModule w swoim Submodule1 i Submodule3.

Answer 2

Musisz utworzyć SharedAgGridModule:

@NgModule({ 
    imports: [ 
    AgGridModule.withComponents([]) 
    ], 
    exports: [ 
    ContentModule, 
    AgGridModule 
    ] 
}) 
export class SharedAgGridModule{} 

Następnie należy zaimportować ten moduł tylko dla submodułów który wykorzystuje AgGrid. Nie ma potrzeby również importowania ContentModule w tych submodułach, ponieważ jest eksportowany do tego modułu

Answer 3

Stoimy w obliczu tego samego problemu.

2 Solutions

1. Wstawić do importu i eksportu nim ShareModule. Moduł dodatkowy zaimportuje moduł ShareModule . Zasadniczo ShareModule nie ma leniwego obciążenia.
2. Scal do tej samej ścieżki/modułu leniwego obciążenia razem.