2016-07-24 60 views
0

我正在看這個nice Angular best practices repository,我找不到適用這種模塊化模式的正確方法。模塊體系結構/分佈

作者建議導入主應用程序模塊中的所有其他模塊,這對我來說似乎是一個好主意,但在我的感覺中,它還意味着在加載第一個頁面時加載系統的所有js文件時間「轉換爲」主要模塊。

我看這個錯了嗎?我是對的?如果我是對的,是否有避免使用所有js文件的解決方法?我應該擔心js文件的加載時間嗎?

回答

1

Angular應用程序是SPA,頁面只加載一次,所有相關的JS文件應該在應用程序啓動時加載。

Angular沒有正式支持延遲加載來按需加載額外的模塊文件,通過修補框架來做到這一點可能會造成比解決問題更多的麻煩。

將綁定系統(Webpack,Browserify等)綁定到一個JS中的所有模塊與選擇加載JS文件相比,可以縮短加載時間並獲得更好的性能。

+0

感謝@estus,有道理,因爲它是一個SPA –

+0

我猜Angular 2可能會從HTTP/2的幫助很少的延遲加載中受益。但是對於Angular和傳統瀏覽器來說,一大捆就可以完成這項工作。 – estus

相關問題