首页 文章

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

提问于
浏览
1

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

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

2 回答

  • 1

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

  • 1

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

    但是由于捆绑器基本上会做同样的事情,所以定义文件中的所有元素,显然是可能的 . 所以只回答最初的问题,你可以看到一个样本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);
    

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

相关问题