Dynamischer Import
Das Laden eines JavaScript-Moduls zur Laufzeit mit import("./modul.js") als Funktionsaufruf, statt eines statischen import am Dateianfang. Gibt ein Promise zurück und erlaubt bedingtes, träges Laden oder das Laden erst genau dann, wenn es wirklich gebraucht wird.
Unterschied zum statischen Import: Ein gewöhnliches import x from "..." wird immer ausgeführt und beim Seitenstart geladen. import("...") dagegen ist ein Funktionsaufruf, der ein Promise mit dem Modul zurückgibt — aufrufbar, wann immer man will: nach einem Klick, bei einer Bedingung, sobald ein Element sichtbar wird. Haupteinsatz: Code Splitting / Lazy Loading — eine aufwendige Funktion, eine Route oder einen selten genutzten Dialog erst bei Bedarf laden, für ein kleineres initiales Bundle und einen schnelleren ersten Ladevorgang. Auch für bedingtes Laden nützlich, etwa ein Polyfill nur bei Bedarf oder unterschiedlicher Code je nach Sprache. Bundler wie Vite oder webpack erkennen import() und teilen diesen Code automatisch in einen separaten, bei Bedarf geladenen "Chunk" auf. Grundlage für Performance-Optimierung durch aufgeteiltes Code-Laden, eng verwandt mit Code-Splitting und ES-Modulen im Browser.