web-dev-qa-db-ja.com

HTMLインポートが無効/非推奨の場合、Webコンポーネント(Xタグ)テンプレートをインポートするための最良の方法は何ですか?

私は最初のX-Tagアプリケーションに取り組んでおり、そのページには、「カスタム要素、Shadow DOM、テンプレート、HTMLインポート」などのWebコンポーネントAPIで動作することを意図していると書かれています。

テンプレートの作業を開始しましたが、HTMLインポートが非推奨になったため、テンプレートをインポートするための最良のオプションは何ですか?

17
Bob

AFAIK、 HTML Imports は非推奨ではありません(または新しいですか?)。 Firefoxに実装しないと言ったのはMozillaだけです。ただし、 polyfill は引き続き使用可能であり、サポートされています。

ES6モジュール はまだ実装されていないので、HTMLインポートは非​​常に使いやすく、うまく機能するため(Polymerはそれらを広範囲に使用します)、依然として最良のオプション(私が選択したものです)だと思います。

代わりに、 RequireJs を試すか、独自のモジュールローダーを実装できます(XMLHttpRequestを使用)。

ES6モジュールローダーポリフィルは実験段階にあるため、使用することはお勧めしません。

2019アップデート

HTMLインポートのネイティブ実装はChrome 73から削除されるため、別の方法(polyfill、サードパーティライブラリ、Javascriptモジュール、またはネイティブfetch())を使用することをお勧めします。

5
Supersharp