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

发布时间：2020-12-17 17:07:02 所属栏目：安全来源：网络整理

导读：最近我们计划改造现有的JMVC内置的网络应用程序.我们决定选择Angular-2. 为了测试负载大小,我做了以下事情： ng new test123cd test123ng build -prod 并在apache上部署了dist文件夹内容,并显示转移了1.0MB. 我的整个JMVC应用程序,在浏览器中加载时,所有业务

最近我们计划改造现有的JMVC内置的网络应用程序.我们决定选择Angular-2.

为了测试负载大小,我做了以下事情：

ng new test123
cd test123
ng build -prod

并在apache上部署了dist文件夹内容,并显示转移了1.0MB.

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

部署后,如何减少Angular-2应用程序的大小？

enter image description here

解决方法

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

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

enter image description here

这是整个angular2代码库以及我的整个应用程序的313KB,包括内联HTML和样式(虽然我不确定Hello World示例的结果是什么).

您可以使用的webpack插件

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

希望这可以帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!