Wenn HTML-Importe tot/veraltet sind, was ist der beste Weg, um Ihre Vorlage für Webkomponenten (X-Tag) zu importieren?

Lesezeit: 2 Minuten

Bobs Benutzeravatar
Bob

Ich arbeite an meiner ersten X-Tag-Anwendung und auf ihrer Seite heißt es, dass sie mit Webkomponenten-APIs wie „benutzerdefinierten Elementen, Shadow-DOM, Vorlagen und HTML-Importen“ funktionieren soll.

Ich habe begonnen, an meinen Vorlagen zu arbeiten, aber was ist die beste Option, um sie zu importieren, nachdem HTML-Importe veraltet sind?

Benutzeravatar von Supersharp
Superscharf

2019-Aktualisierung

Die native Implementierung von HTML-Importen wird aus Chrome 73 entfernt, daher wird jetzt empfohlen, native zu verwenden fetch()oder Bibliotheken von Drittanbietern.

Veraltete Antwort

SO VIEL ICH WEISS, HTML-Importe sind nicht veraltet (oder ist es neu?). Nur Mozilla hat gesagt, dass es es nicht für Firefox implementieren wird. Aber die Polyfill ist weiterhin verfügbar und wird unterstützt.

Seit ES6-Module noch nicht implementiert sind, würde ich sagen, dass HTML-Importe immer noch die beste Option sind (es ist die, die ich gewählt habe), da sie sehr einfach zu verwenden sind und gut funktionieren (Polymer verwendet sie ausgiebig).

Stattdessen können Sie es versuchen RequireJs oder implementieren Sie Ihren eigenen Modullader (mit XMLHttpRequest).

Ich empfehle Ihnen nicht, ein ES6 Module Loader Polyfill zu verwenden, da sie sich nur in der experimentellen Phase befinden.

  • HTML-Importe sind eigentlich noch tot. Mozilla wird nicht umgesetzt sie wie bereits erwähnt und Chrome auch veraltet sie und wird das Feature in der nächsten Version (73) entfernen.

    – jowey

    22. Februar 2019 um 11:29 Uhr

  • Könnten Sie bitte ein Beispiel geben, wie HTML-Importe ersetzt werden können?

    – Stefan

    26. Februar 2019 um 17:01 Uhr

  • oder dieses minimalistische Beispiel mit await/async: stackoverflow.com/a/58136110/4600982 oder stackoverflow.com/a/56998095/4600982

    – Superscharf

    10. März 2020 um 14:33 Uhr


  • Sie müssen dies wirklich aktualisieren oder es könnte Anfängern irreführende Informationen geben. Vielen Dank.

    – Jinghui-Niu

    10. April 2020 um 4:49 Uhr

  • Webentwickler haben jahrelang gefragt, wie HTML in einem modernen Kontext flüssiger gehandhabt werden kann, und Browserhersteller haben uns schließlich ohne einen Hauch von Ironie gesagt: „Verwenden Sie JavaScript“. Wir leben wirklich in einer gefallenen Welt.

    – Isabelle Wedin

    7. März 2022 um 20:08 Uhr

1441530cookie-checkWenn HTML-Importe tot/veraltet sind, was ist der beste Weg, um Ihre Vorlage für Webkomponenten (X-Tag) zu importieren?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy