Angular2：進口創造了許多請求

當使用Angular2開發新的網站，我希望它可以幫助網頁分手了幾個模塊，例如： Angular2：進口創造了許多請求

守則如下：

import { HeaderComponent } from '../../Components/Main/header.component'; 
 
import { FooterComponent } from '../../Components/Main/footer.component'; 
 
import { MenuComponent } from '../../Components/Main/menu.component';

然而，這樣做後，我發現已經創造了許多請求。更多的模塊，更多的要求在這裏：

同時，我不能夠把所有的JavaScript文件合併成一個，因爲「進口」這裏

理想的狀態應該是這樣的： 1.我可以拆分一個頁面並重新使用任何模塊。 2.減少請求將被創建。 3.將所有模塊合併爲一個是可能的。

這裏的任何想法？

來源

2017-01-03 Jack He

您可以使用Webpack
通過使用webpack，您將只有1個條目文件。

Webpack是一個功能強大的模塊打包器。包是一個JavaScript文件，納入屬於共同財產，應提供給客戶在單個文件要求

來源

2017-01-03 03:08:59 DOMZE

我有幾個頁面（登錄，註冊...）和角度客戶端路由被使用。你所說的「入門文件」是「整個網站應用程序的入口」或「單個頁面的入口」？ –

整個網站申請 – DOMZE

終於搞定了。感謝Dom –

最好是使用的提前編譯捆綁的響應。你會在這裏找到一本食譜：https://angular.io/docs/ts/latest/cookbook/aot-compiler.html

這樣你就會得到一個小而快的起始應用程序 - 因爲HTML模板源碼和角度編譯器不是該包的一部分。也只會有一個文件。

我有在這個倉庫的材料設計，編譯AOT束的angular2應用程序一個完整的例子：

https://github.com/fintechneo/angular2-templates

而且在今後的NG CLI應該能夠產生AOT束爲你，但現在ng build --prod --aot功能仍然是實驗性的，並且它創建了更大的bundle，而不僅僅是直接跟隨AOT cookbook。另外，ng cli生成的包仍然比使用AOT cookbook示例生成的包更長的加載/啓動時間。

來源

2017-01-03 20:51:03

Angular2：進口創造了許多請求

回答

相關問題