与Angular5构建相比，为什么我的Polymer2构建大小很大？

Question

选择polymer2超过angular框架，因为我从一些博客中读到，与angular2 / 5版本相比，聚合物对prod的构建尺寸较小，

我创建了两个演示项目，一个用于angular5，第二个用于聚合物2。

对于angular5我跑

  

npm new angular5-demo --service-worker --routing

和聚合物2

  

polymer init

     

按向下箭头，直到聚合物-2启动器套件突出显示，然后按输入/返回键进行选择。

当我按

运行项目时

ng serve --prod和 polymer serve --open

与角度

相比，它显示出大尺寸的聚合物项目

  

转移数据：

     角度：60-70kb

     

聚合物：50-204kb

rencenty我经历了许多关于聚合物的博客，他们声称聚合物构建尺寸比角度小4-5倍

提到了一个博客链接here

那么，在聚合物工厂的聚合物项目中是否有一些我缺少的东西。

请帮我找出问题。

更新

聚合物

  

polymer build

     

serve -g /build/es6-bundle

     

转移数据：56.3KB

     

zip文件包大小：204KB

角

  

npm start --prod

     

转移数据：64KB

     

zip文件包大小：67KB

Answer 1

看起来你没有进行公平的比较，因为：

• ng serve --prod命令构建代码的生产版本，包括缩小。 polymer serve --open命令提供项目的原始未编译版本（此处不进行任何构建）。要使polymer-cli服务于构建输出目录，必须将该目录指定为参数。

• 您标记了比较＆＃34;已转移的数据＆＃34;，因此我假设您比较了为整个应用下载的总字节数，而不仅仅是框架/ library source（你在评论中确认了这一点）。除非您构建了polymer-2-starter-kit的Angular克隆，否则大小比较会有所偏差，因为它们是两个完全不同的应用程序。

• 您链接的文章是比较Angular和Polymer 本身的大小;不是创建的应用程序。另请注意，版本与您正在测试的版本不同，因此尺寸差异可能不再准确。这是文章/博客的截图：

  

polymer-2-starter-kit的生成版本（从polymer build命令生成）可以在build/es6-bundled/中找到。要提供该构建输出，请运行polymer serve build/es6-bundled。您会注意到生产版本的第一个视图在Chrome上传输了56KB，在Firefox上传输了387KB（因为在后一种情况下需要加载所需的Web组件填充）。