聚合物元素有CDN吗？

Question

我想知道是否有任何聚合物元素的CDN,因为你必须总是下载元素,通过cdn导入它会更方便.在谷歌找不到任何？还有什么理由它不存在或只是因为它是如此新的？

Answer 1

现在有!

我专门为此创建了这个GitHub存储库:

下载/聚合物-CDN

所有GitHub存储库都通过RawGit自动进入CDN .因此,使用它,我们现在可以使用这样的标记导入Polymer元素(iron-icons在本例中为):

<link rel="import" 
      href="https://cdn.rawgit.com/download/polymer-cdn/1.0.1/lib/iron-icons/iron-icons.html">

项目结构的设置方式使您导入的元素(传递依赖项)的导入正确解析.

存储库的自述文件包含它包含的所有元素的列表.

遗漏了什么？让我知道,我很乐意将其包括在内.

试试吧

你现在可以通过黑客攻击这个Codepen来尝试:

聚合物-CDN实施例.

或者您可以运行此代码段:

<base href="https://cdn.rawgit.com/download/polymer-cdn/1.5.0/lib/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="iron-icon/iron-icon.html">
<link rel="import" href="iron-icons/iron-icons.html">
<link rel="import" href="paper-button/paper-button.html">
<link rel="import" href="paper-checkbox/paper-checkbox.html">
<link rel="import" href="paper-tabs/paper-tabs.html">
<link rel="import" href="paper-toggle-button/paper-toggle-button.html">
<style is="custom-style">
  :root {
    --paper-tabs-selection-bar-color: var(--paper-light-blue-900);
    --paper-tab-ink: var(--paper-light-blue-100);
    --paper-tabs: {
      color: white;
      background-color: var(--paper-light-blue-500);
    };
  }
</style>

<div>
  <paper-button raised><iron-icon icon="check"></iron-icon>OK</paper-button>
  <paper-button raised><iron-icon icon="clear"></iron-icon>Cancel</paper-button>
</div>

<p><paper-checkbox>Checkbox</paper-checkbox></p>

<p><paper-toggle-button></paper-toggle-button></p>

<paper-tabs selected="0">
  <paper-tab>TAB 1</paper-tab>
  <paper-tab>TAB 2</paper-tab>
  <paper-tab>TAB 3</paper-tab>
</paper-tabs>

Answer 2

您也可以直接访问聚合物元素polymer-project.org.

示例:

<link rel="import" href="https://www.polymer-project.org/0.5/components/core-ajax/core-ajax.html">

Answer 3

这是一个老问题,但现在有一个非hacky解决方案:http://polygit.org/

它在窗帘后面使用rawgit,但提供了更好的api.

Answer 4

我现在不知道有任何 CDN 托管聚合物元素，我认为对于生产环境来说这对vulcanize它们更好，但由于大多数元素都托管在 github 上，您可以将导入链接到rawgit.com

例子：

<link rel="import" href="https://rawgit.com/Polymer/core-ajax/master/core-ajax.html">