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

最近我们计划修改我们现有的网络应用程序，它是建在JMVC。我们决定和Angular-2合作。为什么使用Angular2构建的应用程序如此之重？

，并测试会是怎样的负载大小，我做了以下内容：

ng new test123 
cd test123 
ng build -prod

而且在Apache部署dist文件夹的内容，它显示1.0MB transferred。

我的整个JMVC应用程序，所有的业务逻辑在浏览器中加载时几乎是1.2MB。

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

来源

2016-06-11 Gan

Angular团队正在努力缩小下载量。 – DeborahK

Per [this]（https://scotch.io/bar-talk/the-best-news-from-angulars-ng-conf-2016#angular-2-is-lean-and-fast）我以为他们有已经在它上面工作了。 – Gan

他们*仍然*在努力。 ☺ – DeborahK

按照该意见，NG2的团队正在研究降低框架即将其释放的大小。在此之前，下面典型的用于最小化JS大小的http约定显然是主要的，但我也发现Webpacks优化极大地减少了生成的JS的大小。

那313KB整个angular2代码库，以及我的整个应用程序，其中包括内嵌HTML和样式（我不知道结果会是怎样的一个Hello World例子虽然）。

你可以使用的WebPack插件是

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

希望这有助于！

来源

2016-06-11 06:15:46

谢谢@Ian Belcher，这很有帮助。你认为至少现在我不应该使用angular-cli（因为它使用了systemJs）并且转移到webpack并且自己安装像jasmin等其他依赖项？ – Gan

与任何项目一样，我想这取决于权衡所有不同的变量，并根据您的情况选择合适的项目。 Webpack在反应社区有支持，虽然看起来ng2核心团队支持systemjs，但ng2通用团队看起来更喜欢webpack。我不是一个大规模的webpack构建管道的粉丝，因此我们的大部分构建任务和webpack仅使用gulp来连接所有资源。不幸的是，我不能评论cli工具，因为我没有使用它。在ng2的这个早期阶段，我认为正确的做法是选择适合自己的东西。 –

我很确定ng-cli使用webpack进行捆绑。不是systemjs。 – azulay7

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

回答

相关问题