Dart/Polymer 构建输出文件/所有 compiled/pasted 到 index.html 的问题

Problems with Dart/Polymer build output files / everything compiled/pasted into index.html

我可能遗漏了一些非常基本的东西,但我花了很长时间来搜索我能想到的任何术语。

我想看看 Dart 和 Dart.Polymer,所以我从各种教程中抓取了一些示例。我设法让一切正常工作,但似乎来自自定义 Polymer 元素和 paper-/iron-/... 元素的所有 HTML/JS/CSS 内容与其他各种 JavaScript 一起粘贴到 index.html ] 东西。 这导致我的 index.html 在发布模式构建中超过 16.000 行,(在调试中为 20.000)在 this Dart Academy Tutorial, and here is the corresponding source in GitHub

本教程还 links 到具有漂亮 HTML/imports 的实时版本。

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

我的不同设置:

除了 index.html 文件外,我的输出文件夹看起来还不错,元素存在于例如output_folder/build/web/packages/polymer_elements/.

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

提前感谢您的帮助,如果我阅读了一些非常基础的内容或者只是没有搜索正确的术语,请不要羞于指出:D

这是一个部署优化,类似于polymer js的vulcanize工具,只是它在Dart中是默认的。 Html 导入会产生大量额外请求,这比只下载一个大文件要慢。

内联转换后的代码 (JS/CSS) 是正常行为,dart2js 的 none 选项会对此产生影响。

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