在Polymer 3元素中使用Polymer 2元素的正确方法？

Question

如何在Polymer 3元素中使用Polymer 2元素？以下内容无效，因为<link>元素在影子dom中无效。

static get template() {
    return '
        <link rel="import" href="...">
        <my-element></my-element>';
}

我们可以简单地在元素之外取出<link>并放在顶层，但这感觉就像破坏组件一样。

Answer 1

您无法加载两个版本的Polymer（聚合物2/1和聚合物3），因为聚合物向Webcomponents的api注册了一些自定义元素，并且当您尝试从Polymer 2和另一个Polymer 3中加载一个组件时告诉您您无法再次注册x自定义元素。

但是您可以使用LitElement和Polymer 2/1中的组件，只需在LitElement组件内部使用html-import-js。

Answer 2

您可以使用此工具将Polymer 2组件转换为Polymer 3组件： https://github.com/Polymer/tools/tree/master/packages/modulizer