在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

你不能加载两个版本的聚合物（聚合物2/1和聚合物3），因为聚合物将一些自定义元素注册到web组件的api，当你尝试从聚合物2和聚合物3的另一个加载组件时，它会告诉你你不能再次注册x custom元素。

但是你可以使用LitElement和Polymer 2/1中的一个组件，你只需要在你的LitElement组件中使用html-import-js。

Answer 2

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

Answer 3

你似乎在寻找共享风格。由于聚合物提供了影子DOM，因此范围仅限于组件DOM。最好在这里引用共享样式... click here并给出ctrl + f。，搜索Share styles between elements