为什么Angular 2项目如此之大

时间:2016-12-21 20:31:44

标签: angularjs angular

我们正在用ng2重写我们的ng1项目。我们的ng1项目建成后,大约是8mb。我们在重写ng2时大约有四分之一的时间,而我们的ng2 prod版本已经达到了14mb。

dist 文件夹大小的主要差异可归因于不同大小的源地图。这两个项目都包括源地图,但ng2源地图要大得多。这对我来说很有意义,因为ng2有更多样板,组件被分离出来,等等。

最初这个问题被置于暂停,因为它太大而无法回答。我同意。但这正是我要问的原因。我试图理解ng2提供的所有东西,这些东西将使最终的ng2产品比ng1版本更好。

有了这些,我们可以将哪些实用方法/程序/工具应用于我们的ng2开发实践,以保持最终尺寸小,从而快速提升用户体验?

1 个答案:

答案 0 :(得分:6)

我前几天尝试使用角度2,我遇到了和你一样的问题,我的vendor.js是6M,这是一个简单的“Hello World”应用......

我发现以下帖子有助于理解我们应如何处理此问题(目前):http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

他在他的1.5M应用程序上使用了几种优化和压缩技术(预编译,treeshake,minify,bundle和gzip),将其大小减小到50kb。

检查出来,希望它有所帮助! :)