Question

我已经创建了一个自定义的Polymer元素polymer install element，一旦创建我就无法<x-custom-element>将其称为polymer serve，直到我更改链接以引用bower组件元素文件夹。

当我将元素发布到我的git存储库时，我需要更改元素<links rel="import" href="bower_components/"> to中的引用href =＆＃34; ../`或者链接是什么用于从目录中使用bower_components文件夹安装元素。

例如，能够通过polymer serve使用此文件结构

来提供文件

bower.json
bower_components /
测试/
德莫/
的x定制element.html

x-custom-element.html中的链接需要引用/bower_components/*

但是为了能够用作凉亭导入，我必须更改对../*的引用

有没有办法补救这个过程？你应该怎么解决这个问题。

创建一个脚本来来回更改所有链接？我还有其他选择吗？

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 serve -o（polymer init element v0.16.0，polymer-cli v0.13.0，macOS生成元素项目后，使用polyserve查看网站时没有任何问题Sierra 10.12）。

使用定制聚合物元素与凉亭

1 个答案: