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

Question

最近，我们计划对我们现有的用JMVC构建的web应用进行改造。我们决定使用Angular-2。

为了测试加载大小，我执行了以下操作：

ng new test123
cd test123
ng build -prod

并在apache上部署了dist文件夹内容，它显示了1.0MB transferred。

我的整个JMVC应用程序，包括所有的业务逻辑，在浏览器中加载时很难达到1.2MB。

如何在部署后缩小Angular-2应用的大小？

​

​

Answer 1

根据评论，ng2团队正在努力缩小即将发布的框架的大小。

在此之前，遵循典型的http约定来最小化JS大小显然是主要的事情，但我也发现Webpack优化大大减少了生成的JS的大小。

​

​

对于整个angular2代码库以及我的整个应用程序(包括内联超文本标记语言和样式)来说，这就是313KB (不过，我不确定Hello World示例的结果会是什么)。

您可以使用的webpack插件有

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

希望这能有所帮助！