dependencies - 如何在 Polymer 中指定自定义元素依赖项

Question

很抱歉这个小问题，但假设我想要一个自定义元素，比如“my-login-form”，其中包括“iron-input”。我如何表示我的表格取决于“铁输入”？我应该使用类似的东西吗

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

在“my-login-form.html”文件的开头？

Answer 1

是的！这几乎是做事的标准方式。如果您查看 Iron-input 的源代码，它们会做同样的事情：

https://github.com/PolymerElements/iron-input/blob/master/iron-input.html

但是，元素不需要直接导入它们的依赖项，只要将依赖项导入到使用该元素的网页中的某个位置即可。如果您正在处理一个更大的项目，另一种管理依赖关系的常用方法是创建一个专用文件，如 Polymer Starter Kit 中所示：

https://github.com/PolymerElements/polymer-starter-kit/blob/master/app/elements/elements.html

在这种情况下，index.html 只是导入了这个文件，所有自定义元素仍然可以工作，即使它们没有导入任何依赖项。

以我的经验，这有一些权衡。添加依赖项变得容易得多，因为您只需要添加一次，但删除它们也变得更加困难，因为您必须确保给定的导入没有在您的任何元素中使用。