在 Bower 中使用自定义聚合物元素

Question

我有一个自定义的 Polymer 元素 polymer install element 调用它 <x-custom-element> 创建后我无法 polymer serve 直到我更改 link 以引用元素文件夹中的 bower 组件。

当我将元素发布到我的 git 存储库时，我需要更改元素中的引用 <links rel="import" href="bower_components/"> tohref="../` 或者 link 是什么使用 bower_components 文件夹形式的安装元素的目录。

例如，能够通过 polymer serve 提供具有此文件结构

的文件

bower.json
bower_components/
测试/
特莫/
x-自定义-element.html

x-custom-element.html中的link需要参考/bower_components/*

但是为了能够用作 bower 导入，我必须将引用更改为 ../*

有什么方法可以补救这个过程吗？你应该如何解决这个问题。

创建一个脚本来来回更改所有 link？我还有哪些其他选择？

Answer 1

您的示例项目目录在根目录中丢失 index.html。这应该由 polymer-cli（即 polymer init element）自动生成，它应该如下所示：

<!doctype html>

<html>
  <head>
    <title>x-foo</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
    <link rel="import" href="../iron-component-page/iron-component-page.html">
  </head>
  <body>
    <iron-component-page src="x-foo.html"></iron-component-page>
  </body>
</html>

在使用 polymer init element（polymer-cli v0.16.0，polyserve v0.13.0 生成元素项目后，使用 polymer serve -o 查看站点没有任何问题, macOS Sierra 10.12).

在 Bower 中使用自定义聚合物元素

Using custom polymer elements in with bower

bower

polymer

polymer-1.0