为什么使用Angular2构建的应用程序如此繁重?

时间:2016-06-11 04:57:59

标签: angular

最近,我们计划修改现有的网络应用程序,该应用程序内置于JMVC。我们决定选择Angular-2。

为了测试负载大小,我做了以下几点:

ng new test123
cd test123
ng build -prod

在apache上部署了dist个文件夹内容,它显示了1.0MB transferred

我的整个JMVC应用程序,在浏览器中加载时,所有业务逻辑都不到1.2MB。

部署后如何减少Angular-2 app的大小?

enter image description here

1 个答案:

答案 0 :(得分:1)

根据评论,ng2团队正在努力减少接近其发布的框架的大小。

在此之前,遵循用于最小化JS大小的典型http约定显然是主要的,但我还发现Webpacks优化大大减少了生成的JS的大小。

enter image description here

对于整个angular2代码库以及我的整个应用程序,包括内联HTML和样式(我不确定Hello World示例的结果如何),这个数据为313KB。

您可以使用的网络包插件

webpack.optimize.OccurenceOrderPlugin(true)
webpack.optimize.UglifyJsPlugin()
webpack.optimize.DedupePlugin()

希望这有帮助!