Polymer 1.0一次导入所有元素

Question

我已经开始锁定Googles新的Polymer SDK,现在我开始学习我问自己是否可以同时包含纸质组的所有元素？否则我的标题会变得更大,因为我的实际身体代码

<link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">

Answer 1

有几种方法可以实现这一点,可以相互结合使用.

导入整个元素集合

正如一些评论者指出的那样,这个建议已经不再适用了.目前存储库中已打开一个iron-elements允许此功能的PR.如果它是你觉得有用的东西,那么我建议留下一些支持评论(+1).

如果,开发和/或原型时,你想有机会获得各种不同的便利性和灵活性paper-elements,并iron-elements在一次,元素收集区提供一个有用的HTML文档的所有进口为每个集合.您可以像这样导入它们:

<link rel="import" href="bower_components/iron-elements/iron-elements.html">
<link rel="import" href="bower_components/paper-elements/paper-elements.html">

请注意,这通常不是您希望在生产环境中执行的操作,因为它会加载许多不必要的导入并浪费带宽.但是,对于开发来说,它很方便,因为您可以轻松地尝试新元素,而无需在每次使用时为其添加导入.

外部化您的导入代码

由于HTML导入的流畅性,您可以轻松定义第二个HTML文档,就像Polymer元素作者在元素集合中所做的那样,但对您自己而言.此文件可以包含您计划使用的所有元素的列表.只需创建一个如下所示的文档:

<link rel="import" href="bower_components/paper-input/paper-input.html">
<link rel="import" href="bower_components/paper-toolbar/paper-toolbar.html">
<link rel="import" href="bower_components/iron-a11y-keys/iron-a11y-keys.html">
<link rel="import" href="bower_components/some-other-component/some-other-component.html">

然后,将其导入到您需要所选元素的页面中:

<link rel="import" href="common_elements.html">

硫化

谷歌提供硫化,这是一种工具,它将解析你的导入及其依赖,并将它们压缩成一个文件.与上面的导入列表不同,此文件实际上具有导入的内容,而不仅仅是对它们的引用.在将应用程序部署到生产环境时,您可能需要考虑这一点.

有关硫化的文档以及工具本身,请访问https://github.com/polymer/vulcanize