2014-01-17 5 views
10

HTML Imports sind ein Teil der Web Components Spezifikation und bieten eine Möglichkeit, Abhängigkeiten im Web zu behandeln. ES6-Module machen das gleiche, aber nur für Javascript-Code.ES6-Module im Vergleich zu HTML-Importen

Gibt es Klarheit darüber, wie diese beiden zusammenarbeiten?

Bearbeiten: Ein Beispiel: Auf einem aktuellen Projekt von mir hatte ich zwei Javascript-Komponenten (Dateien) von denen eine auf die andere abhing, aber jeder HTML-Code (der eine andere Komponente ist) könnte beide verwenden. Wenn ich also das abhängige Skript in meinen HTML-Code einfügte, wollte ich auch das übergeordnete Skript nicht mit einbeziehen (manuelle Handhabung von Abhängigkeiten vermeiden). Es scheint keinen genau definierten Weg dafür zu geben, außer ES6-Module mit Script-Includes zu mischen. Die einzige Option, die ich sehe, ist die Pflege einer separaten Datei für jede Komponente mit den erforderlichen Dateien und Abhängigkeiten, wie z. B. component.io.

+0

Gute Frage! Ich frage mich, ob es eine ähnliche Situation sein wird, wie wenn man ein "

4

Hier ist die letzte auf diesem: Chrome native Unterstützung für alle 4 Web Component-Spezifikationen hat, während Mozilla announced sie nicht eine Implementierung von HTML-Import gerade wegen this pending reconciliation mit ES6 Module liefern, die gehen nicht jederzeit aufgelöst werden bald, speziell hier coz was Mozilla dazu zu sagen hat:

wir gehen davon aus, dass, sobald JavaScript-Module - ein Feature, abgeleitet von Bibliotheken JavaScript von der Entwickler-Community geschrieben - ausgeliefert, die Art, wie wir dieses Problem suchen wird sich geändert haben. Wir haben auch gelernt von Gaia und anderen, dass das Fehlen von HTML-Importen kein Problem ist, da die Funktionalität leicht mit einem Polyfill bereitgestellt werden kann, falls gewünscht.

`