從角2角到4 - 文件大小減少和速度的提高

我使用的WebPack和角2升級到4角成功。但是我沒有看到預期的60％減少文件大小既不是我編vendors.js也不app.js.從角2角到4 - 文件大小減少和速度的提高

vendor.js 前：現在913KB ：975KB

app.js 前：現在308KB ：307KB

我缺少什麼？我們是否需要使用Angular CLI來利用文件大小的減少？

我的package.json：

"dependencies": { 
    "@angular/common": "~4.0.1", 
    "@angular/compiler": "~4.0.1", 
    "@angular/core": "~4.0.1", 
    "@angular/forms": "~4.0.1", 
    "@angular/http": "~4.0.1", 
    "@angular/platform-browser": "~4.0.1", 
    "@angular/platform-browser-dynamic": "~4.0.1", 
    "@angular/router": "~4.0.1", 
    "core-js": "^2.4.1", 
    "rxjs": "5.0.1", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@types/node": "^6.0.45", 
    "angular2-template-loader": "^0.6.0", 
    "awesome-typescript-loader": "^3.0.4", 
    "copy-webpack-plugin": "^4.0.0", 
    "css-loader": "^0.25.0", 
    "css-to-string-loader": "^0.1.2", 
    "extract-text-webpack-plugin": "^1.0.1", 
    "file-loader": "^0.8.5", 
    "html-loader": "^0.4.3", 
    "html-webpack-plugin": "^2.15.0", 
    "ng2-facebook-sdk": "^1.1.0", 
    "null-loader": "^0.1.1", 
    "raw-loader": "^0.5.1", 
    "resolve-url": "^0.2.1", 
    "rimraf": "^2.5.2", 
    "style-loader": "^0.13.1", 
    "to-string-loader": "^1.1.5", 
    "typescript": "~2.1.6", 
    "webpack": "^1.13.0", 
    "webpack-dev-server": "^1.14.1", 
    "webpack-merge": "^0.14.0" 
    } 
}

來源

2017-05-10 Pat M

您需要使用AOT，ES2015模塊和最新的WebPack感覺不一樣（這是極不可能的，這將是60％或東西）。以*廠商參考*是沒有意義的，因爲它沒有明確的*您所期望的降低。文件大小也是如此。您必須比較縮小的gzip文件。 – estus

仔細聆聽那些會議討論中的意見。他們正在談論更積極的樹木搖曳和縮小，並經常提到「封閉」與cli捆綁的webpack不同。此外** **每次提的是更大的項目比你引用在這裏。所以這主要是「規模」問題，在某種程度上還有不同的工具。 –

基於Estus評論

（謝謝你）。我們需要以利用角4的小型化，高速化使用AOT（前即時編譯的）不是一般的JIT（即時編譯）。使用與AOT Cli的角度與客戶端瀏覽器（平臺的瀏覽器）創建AOT。

見Angular ahead-of-time compilation cookbook

它不是與服務器使用通用（使用平臺的服務器，AOT的另一種形式）的搜索引擎索引和搜索引擎優化的好處上運行的角度相混淆。

Angular Universal Doc

來源

2017-05-11 13:07:32

從角2角到4 - 文件大小減少和速度的提高

回答

相關問題