2017-01-02 59 views
2

我是Angular 2的新手。我剛剛使用angular-cli創建了新的初始項目並完成了ng build --prod。我有一個dist文件夾8.2 Mb。 下面是輸出:Angular 2如何比Angular 1輕?

enter image description here

我有問題:

  • 我真的需要什麼文件?

  • 還能做些什麼來最小化尺寸?

  • 是否有可能在HTML網頁中抓取gzipped文件,就好像他們
    較規則的腳本?我的意思是,它會是有效的<script src='...script.gz'></script>

+1

即使我不明白。 angular2中有很多文件,我在網絡標籤中看到下載。框架有很多依賴關係。設置角度1項目比角度2更容易。 –

回答

6
  • 不要衡量發展過程中加載的文件的數量。使用Angular2和TS你有一個構建步驟和尺寸測量,只有構建步驟的輸出是相關的

  • A1和A2之間的一個很大的區別是,A1可以在不將Angular庫加載到瀏覽器的情況下工作。當使用AoT(提前編譯)時,處理Angular2組件模板併爲綁定生成JS,因此不需要加載,解析和編譯以及處理組件模板的Angular庫。

    • 此生成步驟和AOT也允許在整個代碼庫
  • 變化檢測工作完全不同的樹搖晃。

    • 通過使用區域,Angular2在檢測更加efficienct當變化檢測需要做。
    • 由於單向數據流,Angular可以限制在DOM樹中需要發生變化檢測的範圍。
    • 使用ChangeDetectionStrategy.OnPush等措施,使開發人員能夠進一步限制何時何地變化檢測需要運行

的Angular2團隊仍在致力於進一步優化各種事情和我當然,還有一些進一步改進的空間。