含聚合物元素的SystemJS

Question

在SystemJS+JSPM管理的项目中，我如何使用聚合物的元素？

我用jspm install github:Polymer/polymer安装了聚合物，jspm install github:PolymerElements/iron-elements也安装了铁元素.

这方面似乎存在多个问题：

例如，第一种情况是，在铁元素actual文件中，导入的路径是错误的：<link rel="import" href="../polymer/polymer.html">，而聚合物目录实际上是用它的版本命名的(与JSPM一样)，所以在我的例子中，实际的导入应该是<link rel="import" href="../polymer@1.0.5/polymer.html">。

第二，在导入聚合物文件时，在SystemJS环境中将其像那样放置在index.html中似乎有点迟钝，包括版本路径：

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

是否有更好的方法将这些html导入到SystemJS中？

第三，由于聚合物的下载选项要么是通过手工下载，使用“购物车”之类的选项，要么是在Bower中，如果我试图通过JSPM的github:存储库或bower:获取铁元素或纸元素，它不会下载它们的依赖项，而且即使我手动添加依赖项，它们的import路径仍然是错误的，这是因为JSPM的版本命名。

根据这个讨论在JSPM的google组，这个问题

是聚合物假设Bower

这种情况迫使我放弃SystemJS或聚合物，而我真的不想这样做。

然而，在一个不同的讨论 ( Aurelia框架)中，Rob提到了使用带有Aurelia的聚合物的可能性

你应该能够使用聚合物的纸元素。要做到这一点，您将包括聚合物框架在您的网页之前，奥雷利亚。

据我所知，Aurelia正在使用JSPM，所以它可以完成吗？

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

更新

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

Answer 1

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

关于问题https://github.com/Polymer/polymer/issues/1133，请按照下面的步骤执行：

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

这样，您就可以通过jspm安装bower包，就像您可以做一样：，您也可以对bower进行同样的操作。

现在，安装聚合物和纸元素(或任何其他收集)。

jspm install bower:polymer
jspm install bower:PolymerElements/paper-elements

在最后一步中，我在打包版本上遇到了一个小问题，我无法通过jspm解决这个问题。所以就去jspm_packages/bower/PolymerElements/paper-elements@version跑吧

bower install

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

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

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

希望你能找到有用的！