Ein Frontend-Javascript-Biblio... Notiz

Ein Frontend-Javascript-Bibliothek ohne Build-System importieren

Der Autor bevorzugt es, JavaScript ohne ein Build-System zu schreiben und teilt sein Erlebnis mit dem Importieren von Bibliotheken ohne ein Build-System. Er erklärt die drei Haupttypen von JavaScript-Dateien, die eine Bibliothek bereitstellen kann: "klassische" globale Variable-Dateien, ES-Module und CommonJS-Module. Der Autor zeigt, wie man die Dateien in einem Bibliotheks-NPM-Build findet und diskutiert das Verwenden von Importmaps, um ES-Module im Browser zu verwenden. Er erwähnt auch die Verwendung von esm.sh, um CommonJS-Module in ES-Module zu konvertieren. Der Autor bietet Beispiele für die Verwendung von Chart.js, @atcute/oauth-browser-client und @atproto/oauth-client-browser, diskutiert die verschiedenen Ansätze für jeden. Er weist darauf hin, dass die Verwendung von Importmaps Browsersupport erfordert, was ein Problem für ältere Browser sein könnte. Der Autor erwähnt auch die Verwendung von esbuild als Alternative zu Importmaps. Schließlich fasst er die drei Typen von JavaScript-Dateien und wie man sie identifiziert und verwendet, zusammen.