dependencies - Polymer でカスタム要素の依存関係を指定する方法

Question

些細な質問で申し訳ありませんが、「iron-input」を含む「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

ただし、要素を使用する Web ページ内のどこかに依存関係がインポートされている限り、要素は依存関係を直接インポートする必要はありません。大規模なプロジェクトに取り組んでいる場合、依存関係を管理するもう 1 つの一般的な方法は、Polymer Starter Kit に示されているように、専用のファイルを作成することです。

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

この場合、index.html はこのファイルをインポートするだけで、すべてのカスタム要素は依存関係をインポートしていなくても機能します。

私の経験では、これにはいくつかのトレードオフがあります。依存関係を一度追加するだけでよいので、依存関係を追加するのはずっと簡単になりますが、特定のインポートがどの要素でも使用されていないことを確認する必要があるため、依存関係を削除するのも難しくなります。