有没有办法直接在HTML文件中为使用它们的页面定义Polymer Web组件,而不是通过链接标记导入它们?
这似乎更快,因为必须请求页面,然后发送Web组件html文件的请求 . 到目前为止,我看到的所有指南仅引用通过 <link rel="import" href="/my_component.html" /> 进行导入 .
<link rel="import" href="/my_component.html" />
您可以使用Polymer Bundler减少在一个文件中连接Web组件和依赖项的网络请求数 . 你可以找到更多信息here .
正如在另一个答案中所建议的那样,在开发过程中,更好地担心文件/元素的清晰结构,以及让构建脚本担心这样的东西似乎是一种更好的方法 .
但是由于捆绑器基本上会做同样的事情,所以定义文件中的所有元素,显然是可能的 . 所以只回答最初的问题,你可以看到一个样本here .
所以你只需要使用多个 dom-module 标签,如:
dom-module
<dom-module id="my-element"> ... </dom-module> <dom-module id="my-inner-element"> ... </dom-module>
多次调用 customElements.define :
customElements.define
customElements.define(MyElement.is, MyElement); customElements.define(MyInnerElement.is, MyInnerElement);
但我肯定会建议不要将整个应用程序写在一个文件中 .
2 回答
您可以使用Polymer Bundler减少在一个文件中连接Web组件和依赖项的网络请求数 . 你可以找到更多信息here .
正如在另一个答案中所建议的那样,在开发过程中,更好地担心文件/元素的清晰结构,以及让构建脚本担心这样的东西似乎是一种更好的方法 .
但是由于捆绑器基本上会做同样的事情,所以定义文件中的所有元素,显然是可能的 . 所以只回答最初的问题,你可以看到一个样本here .
所以你只需要使用多个
dom-module
标签,如:多次调用
customElements.define
:但我肯定会建议不要将整个应用程序写在一个文件中 .