4

我已经开始锁定 Google 的新 Polymer SDK,现在我开始学习我问自己是否可以一次包含纸组的所有元素?否则,我的标题会变得更大,因为我的实际正文代码...

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

3 回答 3

5

有几种方法可以实现这一目标,可以相互结合使用。

导入整个元素集合

正如一些评论者所指出的,这个建议不再有效。目前在存储库上打开了一个 PRiron-elements,允许使用此功能。如果它对您有用,那么我建议留下一些支持评论(+1)。

如果在开发和/或原型设计期间,您希望方便和灵活地同时访问所有不同paper-elementsiron-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">

硫化

Google 提供了 vulcanize,该工具将解析您的导入及其依赖项并将它们压缩到一个文件中。与上面的导入列表不同,此文件实际上包含导入的内容,而不仅仅是对它们的引用。在将应用程序部署到生产环境时,您可能需要考虑这一点。

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

于 2015-06-04T19:59:48.873 回答
0

您可以使用 Google 的 Vulcanize 工具来组合所有元素。https://github.com/polymer/vulcanize

于 2015-06-04T19:36:20.310 回答
0

我遇到了同样的问题,正如其他人指出的那样,您可以制作一个导入文件。我制作了一个自动执行此过程的脚本,您可能会感兴趣以及遇到相同问题的任何其他人。它会自动从工作目录中的元素生成一个导入文件。=)

https://gist.github.com/draganmarjanovic/0bef6c298da767bf38b1

于 2015-09-27T15:57:18.727 回答