2016-12-13 21 views
0

如果我有一個組分 - 組分A - 具有進口如:rxjs模塊化進口和束尺寸(webpack2/angular2 CLI)

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 

,我有另一組分 - 組分B - 與重複進口:

import { Observable } from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 

我建立使用ng build --prodCLI去複製進口或將我每次進口的2個拷貝在我的包嗎?此外--aot選項會有什麼影響?如果你不知道,那麼你有什麼可以測試的建議嗎?

+1

ES6模塊導入不會被設計重複。有一種情況是,不同的NPM軟件包有不同的依賴版本限制或意外重複的依賴關係(可以用'npm dedupe'修復),這會導致每個軟件包有多個軟件包拷貝。但是,如果組件A和B屬於同一個包,則情況並非如此。任何方式,Webpack包的內容可以探討https://github.com/webpack/webpack/issues/690 – estus

回答

1

絕對沒有。 ng build --prod在後臺使用Webpack module bundling系統來捆綁文件。 Webpack足夠智能,不會重複導入。

使用--aot選項很不錯。它使用Angular AOT編譯來捆綁文件。即前期編譯,它僅僅意味着在角色文件被提供給客戶端之前編譯它們。因此,這減少了導致長時間加載的編譯階段。這是一個更好的文章來解釋Angular AOT