2017-02-27 96 views
0

我在angular 2應用程序中有common模塊。這是項目的結構:轉儲服務模塊角2

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 

該項目配置爲transpile到bundle.js並按預期工作。不過,現在我想把common文件夾的內容打包並孤立地打包。這樣,我可以使用加載它的依賴關係,然後在組件中使用它包含app.module.ts

我需要入門幫助,是否需要改變一些gruntfile/tsconfig?或者,我將不得不創建一個單獨的package.json/index.ts以transpile .ts依賴關係?

回答

0

我相信你正在尋找的功能是systemjs-builder的Bundle Arithmetic功能。它被內置到SystemJS中並且工作得很好。

但是,這將意味着使用SystemJS捆綁你的應用程序,而不是一個咕嚕聲。

這有很多優點,實際上可以簡化很多場景,比如您的特定用例,但可能需要一段時間才能完成所有設置。

TypeScript目前不支持拆分包。

將應用程序拆分爲多個npm包不是必需的,如果您的應用程序很小,將會在開發過程中引入相當大的複雜性。