Javascript 带聚合物的SystemJS+；元素

在SystemJS+JSPM管理的项目中，如何使用Polymer的元素

我使用了

jspm安装github:Polymer/Polymer

来安装Polymer，还使用了

jspm安装github:polymererelations/iron elements

来安装iron elements

这似乎有多个问题：

第一个，例如，在iron-elements.html文件中，导入的路径是错误的：

，而Polymer目录实际上是用它的版本命名的（与JSPM一样），因此在我的例子中，实际导入的路径应该是

其次，在导入Polymer文件时，在SystemJS环境中仅将其放置在index.html中似乎有点生硬，包括版本路径：

<link rel="import" href="jspm_packages/bower/Polymer/polymer@1.0.5/polymer.html" />

有没有更好的方法将这些html导入到SystemJS中

第三，由于Polymer的下载选项要么是使用其类似“购物车”的选项手动下载，要么是在Bower中，如果我试图通过JSPM的

github:

repository或

Bower:

获取铁元素或纸元素，它不会下载它们的依赖项，即使我手动添加依赖项，由于JSPM的版本命名，它们的导入路径仍然是错误的

根据JSPM的谷歌集团的说法，这个问题

那是鲍尔吗

这迫使我抛弃SystemJS或聚合物，而我真的不想这么做

然而，在另一个（Aurelia框架）中，Rob Eisenberg提到了将聚合物用于Aurelia的可能性：

你应该能够使用聚合物的纸张元素。这么做你 在Aurelia之前，将聚合物框架包含在您的页面中

据我所知，Aurelia正在使用JSPM，所以可以这样做吗

一个可能的解决方案是切换到RequireJS，然后我可以使用Bower添加Polymer的东西，但我真的很想使用SystemJS，我不确定它是否能与Aurelia一起工作。 另外，我可以继续使用SystemJS和JSPM，也可以使用Bower来处理聚合物材料

---

更新

---

在找到更好的答案之前，临时解决方案是同时使用JSPM和Bower，其中Bower仅用于聚合物。

我不知道您是否解决了问题，但我找到了一种通过JSPM安装聚合物及其组件的方法

有关问题，请执行以下步骤：

npm install jspm-bower-endpoint
jspm registry create bower jspm-bower-endpoint

这样，您就可以通过jspm安装bower软件包，就像您可以使用jspm安装nom:，您也可以使用bower进行同样的操作

现在，安装聚合物和纸张元件（或任何其他集合）

在最后一步中，我遇到了一个打包版本的小问题，我无法通过jspm解决这个问题。因此，只需访问jspm_packages/bower/Polymrelations/paper-elements@version跑

bower install

最后一步将安装纸张元素的所有组件

现在，只需通过以下方式将所需元素附加到html模板：

<link rel="import" href="jspm_packages/bower/PolymerElements/paper-elements@version/bower_components/paper-button/paper-button.html">

---

希望你能发现这个有用

我还是要自己尝试一下，但是这个博客包含了很多关于NPM、Bower和Polymer的文章：仍然有点棘手，和我自己做的没什么不同，但它很有效，所以在此期间它很好。：-）@亚历克斯，我不认为这是一个解决方案。你是在建议我们安装所有的纸质元件（而我只需要一个元件）。不幸的是，安装一个组件不起作用，因为URL中的版本号会妨碍安装。另外，在JSPM0.16.31中，它仍然没有安装它的deps。

<link rel="import" href="jspm_packages/bower/PolymerElements/paper-elements@version/bower_components/paper-button/paper-button.html">