定义Polymer Web组件而不导入它们

Question

有没有办法直接在HTML文件中为使用它们的页面定义Polymer Web组件，而不是通过链接标记导入它们？

这似乎更快，因为必须请求页面然后发送对Web组件html文件的请求。到目前为止，我看到的所有指南仅引用<link rel="import" href="/my_component.html" />进行导入。

Answer 1

您可以使用Polymer Bundler减少在一个文件中连接Web组件和依赖项的网络请求数。您可以找到更多信息here。

Answer 2

正如在另一个答案中所建议的那样，在您开发过程中，更好地担心文件/元素的清晰结构，以及让构建脚本担心这样的事情似乎是一种更好的方法。 / p>

但是由于捆绑器基本上会做同样的事情，定义文件中的所有元素，显然是可能的。因此，只有回答最初的问题，您才能看到示例here。

因此，您只需使用多个dom-module标记，例如：

<dom-module id="my-element">
...
</dom-module>
<dom-module id="my-inner-element">
...
</dom-module>

多次调用customElements.define：

customElements.define(MyElement.is, MyElement);
customElements.define(MyInnerElement.is, MyInnerElement);

但我肯定会建议不要将整个应用程序写在一个文件中。