Polymer 聚合物元素有CDN吗?

Polymer 聚合物元素有CDN吗?,polymer,web-component,Polymer,Web Component,我想知道是否有用于聚合物元件的cdn,因为您必须始终下载元件,通过cdn导入会更方便。在谷歌上找不到?还有什么原因使它不存在或者仅仅因为它是如此新?您可以看看cloudflares聚合物CDN: 我目前不知道任何承载聚合物元素的CDN,我认为最好在生产环境中对它们进行硫化,但由于大多数元素都承载在github上,您可以将导入链接到rawgit.com 示例: <link rel="import" href="https://rawgit.com/Polymer/core-ajax/mast

我想知道是否有用于聚合物元件的cdn,因为您必须始终下载元件,通过cdn导入会更方便。在谷歌上找不到?还有什么原因使它不存在或者仅仅因为它是如此新?

您可以看看cloudflares聚合物CDN:

我目前不知道任何承载聚合物元素的CDN,我认为最好在生产环境中对它们进行硫化,但由于大多数元素都承载在github上,您可以将导入链接到
rawgit.com

示例:

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

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

示例

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

rawgit选项

由于core-ajax.html在polymer.html上返回404,因此必须手动管理一些依赖项。此外,rawgit.com缓存设置为仅5分钟(缓存控制:max age=300)。5分钟的缓存对于版本控制来说很好,但是对于CDN()来说应该更多。此外,文件未缩小

硫化选项

可能是http/2发布之前的最佳选择。您将不得不花一些时间进行配置并将其集成到构建过程中。此外,您没有任何CDN优势(无数据成本,已经缓存了来自第三方域的资源)

结论

在http/2发行版上,将有一些带有小型聚合物版本和long expires头的CDN。但我现在还不知道。

现在有了! 我专门为此创建了这个GitHub存储库:

所有GitHub存储库都自动通过CDN存储。因此,使用它,我们现在可以使用如下标记导入聚合物元素(对于本例中的
铁图标
):


项目结构是以这样一种方式设置的,即从您导入的元素导入(可传递依赖项)可以正确解析

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

遗漏了什么?我很乐意把它包括在内

试试看 您现在可以通过破解此代码笔来尝试:

. 或者,您可以运行以下代码段:


:根{
--纸张选项卡选择栏颜色:var(--纸张-浅蓝色-900);
--纸张标签墨水:var(--纸张-浅蓝色-100);
--纸张标签:{
颜色:白色;
背景色:var(--paper-浅蓝色-500);
};
}
好啊
取消
复选框

表1 表2 表3
这是一个老问题,但现在有一个非黑客解决方案:


它在幕后使用rawgit,但提供了更好的api。

这不起作用——大多数HTML文件通过相对URL引用其他组件中的文件,如
。/polymer/polymer.HTML
。因为github目录布局在组件名和文件名之间有一个额外的
master
,所以这些都无法解析。请不要这样做,github不是cdn。@PauloCheque是cdn,它正在发送正确的内容类型header@Nemo64您可能想退房,它肯定是CDN。@DavidGiven是的,您是对的,可传递依赖项不起作用。它们要求所有元素都位于同一文件夹中。我专门为此目的建立了Git回购:。另请参见下面我的答案。不幸的是,如果没有https,您无法将其用作谷歌应用程序脚本的源代码!这适用于已弃用的
0.5
。我认为类似的东西也存在于
1.0
。。。但在这两种情况下,你都链接到了某个“主”版本,这是不明智的。你应该链接到一个不会突然改变的特定版本。如果我需要纸张和核心元素,我如何使用polymer.js?请注意,如果你标记你想要使用的版本(不管怎样,这是一个好习惯),rawgit允许你使用永远不会从缓存中过期的URL。实际上,另一种方式(直接从主控)只允许用于测试目的。如果你在那里发送了太多的流量,它们将限制并最终阻止你。这很酷,但我需要的是你网站中没有的最新元素(子菜单)cdn@maxiplay正在努力。以后,请使用GitHub问题跟踪器,因为我会更频繁地进行检查。@maxiplay我已将其更新为Polymer的1.1.3版。让我知道这对你是否有效。是的,它非常有效。非常感谢。我可以将我的plunker发布到polymer团队,以了解我尝试构建递归纸菜单@maxiplay Great的错误!谢谢你的反馈。如果它对你有帮助的话,别忘了提高投票率:)它现在已经被弃用了
<link rel="import" 
      href="https://cdn.rawgit.com/download/polymer-cdn/1.0.1/lib/iron-icons/iron-icons.html">