Dart / Polymer构建输出文件的问题/编译/粘贴到index.html的所有内容

时间:2016-05-18 16:06:53

标签: dart dart-polymer

我可能在这里遗漏了一些非常基本的东西,但是我已经花了很长时间寻找我能想到的任何术语。

我想查看Dart和Dart.Polymer,所以我从各种教程中抓取了一些例子。我设法让一切正常,但似乎所有来自自定义Polymer元素和paper- / iron - / ...元素的HTML / JS / CSS内容都会粘贴到index.html,以及其他各种JavaScript内容。 这导致我的index.html在发布模式版本中长度超过16.000+行(this Dart Academy Tutorial中的调试为20.000),这里是GitHub中的相应源

本教程还链接到具有漂亮HTML /导入的实时版本。

Webstorm中的基本Polymer示例项目也是如此。

我的不同设置:

  • Windows 10和Ubuntu 14.04(同时尝试过)

  • Dart SDK当前稳定版和开发版

  • pub build --mode:从命令行和Webstorm中发布和调试
  • pubspec.yaml
  • 中的各种变换器,各种订单,各种依赖版本

除了index.html文件,我的输出文件夹似乎很好,元素存在于例如output_folder /编译/网络/包/ polymer_elements /.

我知道编译到索引中的所有内容都是必需的,但为什么它不会生成指向已创建的build / polymer_elements文件夹中的文件的链接?我认为这是可能的,我发现的示例的实时版本没有手动编辑链接到所有元素和脚本,并从index.html中删除它们。我知道它可能甚至不会显着影响加载时间,但它仍然让我感到困扰。

感谢您提前提供任何帮助,如果我读过非常基本的内容或者没有找到合适的词语,请不要羞于指出:D

2 个答案:

答案 0 :(得分:1)

这是一种部署优化,类似于聚合物js的硫化工具,除了它是Dart中的默认值。 Html导入会产生大量额外请求,这比仅下载一个大文件要慢。

答案 1 :(得分:1)

内联转换代码(JS / CSS)是正常行为,dart2js的选项都不会影响它。

我相信你提到的教程中链接的演示输出很遗憾不是实际的dart输出。我相信https://polymer-checkout.firebaseapp.com/是原始聚合物版本的演示,而不是飞镖版本。