Angular 2和WebPack：如何减小捆绑的大小？

Question

我尝试了一些使用WebPack的Angular 2种子项目。当我构建捆绑包以将其发布到Prod时，我最终得到一个大约3MB的文件。

如何减小此文件的大小？

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

Answer 1

我不认为您提供的项目使用webpack。

如果您只是在寻找种子项目，可以结帐angular-cli。 ng build --target=production做了很好的制作。

如果您现在正在使用webpack，您可以检查的一件事是webpack配置中的devtool，确保它不是eval。使用source-map可能会有帮助。

Answer 2

对于空应用程序，Webpack的最小大小约为800kb，我怀疑你做错了什么。源地图是可选的。

Answer 3

如何减少捆绑包大小有一些重要的事情：

1. 尝试使用lazyLoading。这将是很好的减少主束大小，它将拆分为块文件 请参阅此文档：https://angular.io/guide/router

2. 删除不需要的包。
   示例：
   如果您想使用boostrap modal模块，可以像import {modalModule} from ngx-boostrap/modal

一样导入它