Angular 2和WebPack：如何縮小捆綁的大小？

Question

我嘗試了一些使用WebPack的Angular 2種子項目。當我建立捆綁發佈到Prod時，我最終得到一個大約3MB的文件。

我該如何縮小此文件的大小？

其中一個項目是：https://github.com/mgechev/angular-seed

Answer 1

用的WebPack最小大小爲800KB左右空的應用程序，我懷疑你正在做的事情是錯誤的。源地圖是可選的。

Answer 2

我不認爲你提供的項目使用webpack。

如果您只是在尋找一個種子項目，您可以結賬angular-cli。 ng build --target=production做一個相當不錯的生產版本。

如果你現在使用webpack，你可以檢查的一件事是你的webpack配置中的devtool，確保它不是eval。使用source-map可能會有所幫助。

Answer 3

有一些重要的事情是如何減少你的集束大小：

1. 嘗試使用惰性加載。這對於減少主包大小非常有用，並且會將其拆分爲塊文件。
   參考此文檔：https://angular.io/guide/router

2. 刪除不需要的軟件包。
   例：
   如果你想使用的自舉modal模塊，您可以您正在使用的樹搖晃和AOT選項導入像這樣import {modalModule} from ngx-boostrap/modal