如何将Polymer元素导入到plunker(plnkr.co),jsBin和jsFiddle等代码游乐场中？

Question

题:

在这个Plunk中,我想导入Polymer 1.0元素<paper-button>和<paper-menu>.

我怎么做？

换句话说,什么是正确的一组<script>和<link>标签及其各自src和href属性,以使我<paper-button>和<paper-menu>元素正常运作？

尝试:

在右边距中,有一个搜索和导入外部库的选项.我用它来搜索Polymer 1.0,我导入了以下内容.

<script data-require="polymer@1.0.0" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.js"></script>
<script data-require="polymer@1.0.0" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html"></script>

注意:这是一个导入Polymer元素的JS Bin.

Answer 1

使用此cdn导入元素/脚本:https: //github.com/Download/polymer-cdn

所以,你的导入将是(取决于你想要使用的版本):

<script src="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/webcomponentsjs/webcomponents-lite.js"></script>

<link rel="import" href="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/paper-button/paper-button.html" />
<link rel="import" href="https://cdn.rawgit.com/download/polymer-cdn/1.1.4/lib/paper-menu/paper-menu.html" />

如果您只需要为组件提供聚合物,请导入:

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

这对我来说很有用.