如何装载聚合物？答案

【问题标题】：How to load polymer?如何装载聚合物？
【发布时间】：2017-08-06 00:15:26
【问题描述】：

我是聚合物新手，正在尝试了解如何加载它。我正在读这篇文章

在他们的第一个简单示例中，他们加载了一个 polyfill

<script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>

这是我理解的原因。但是下一部分，他们加载了一个 html 文件，该文件似乎加载了主要的聚合物应用程序。

他们通过 html 导入加载它到这里

https://polygit.org/components/polymer/polymer-element.html

这似乎加载了一堆 html 文件，其中都有脚本标签。

最后要使用聚合物，您只需创建一个扩展 Polymer.Element 的类。

这似乎很奇怪，为什么他们选择导入大量的 html 文件。为什么他们不把所有的 js 塞进 1 个 javascript 聚合物库文件中，比如 jquery.js。或者有没有类似聚合物的 javascript 文件？

谢谢。

【问题讨论】：

【解决方案1】：

没有 Polymer js 文件。

如您所见，Polymer 以 HTML 文件的形式分发，这些文件与 HTML 导入链接一起使用。

单个组件将导入polymer/polymer-element.html，而使用该元素的应用程序将导入polymer/polymer.html。它们都包含了它们需要的所有 JS 代码。

为什么是 HTML 而不是 JS 文件？因为与<script> 标签不同，HTML 导入规范会阻止给定文件多次加载。

【讨论】：

好吧，这实际上是有道理的，因为如果它被加载到 1 个单个 js 文件中，那么如果你导入 10 个聚合物元素，则单个 js 文件将被执行（仍然下载一次）10 次，但作为html 导入，它只下载并执行一次。

【解决方案2】：

您只需要导入他们的脚本文件并声明扩展 Ploymer.Element 的类。然后使用自定义标签。

或者你可以使用他们提供的CLI工具来创建一个项目目录

【讨论】：

他们的脚本文件的链接是什么（我假设你的意思是 javascript）？
@omega 我建议你通过 bower 下载 js 文件并在本地导入。检查文档中的安装
我读过这个polymer-project.org/2.0/start/first-element/intro 但我没有看到任何聚合物js文件
我看到了，但即使这样说<link rel="import" href="/bower_components/polymer/polymer.html">。没有提到聚合物 js 文件。
@omega 有