Ich habe eine Typoskript-Anwendung, die dynamisch Skript-Tags hinzufügt, die auf JS-Dateien verweisen. Aufgrund einiger Einschränkungen kann ich diese Skript-Tags nicht statisch in einer HTML-Datei definieren, daher füge ich sie dynamisch über ein Typoskript wie das folgende hinzu:

for (let src of jsFiles) {
  let sTag = document.createElement('script');
  sTag.type = 'text/javascript';
  sTag.src = src;
  sTag.defer = true;
  document.body.appendChild(script);
}

Nun fällt mir auf, dass das dynamische Hinzufügen von Skript-Tags keine Garantie in der Reihenfolge zu sein scheint, in der sie geladen wurden. Leider ist dasjsFilesarray enthält Skripte, die voneinander abhängig sind. Das zweite Skript im Array kann also erst geladen werden, nachdem das erste vollständig geladen wurde. Das zweite Skript verweist auf eine Funktion, die im ersten definiert ist. Gibt es eine Möglichkeit, die Reihenfolge festzulegen, in der Skripts beim dynamischen Hinzufügen sortiert und ausgeführt werden (ähnlich wie beim statischen Definieren von Skript-Tags in einer HTML-Datei)?

P.S. Ich möchte die Verwendung des Onload-Rückrufs zur Behebung dieses Problems vermeiden, da ich bei meiner Anwendung einen Leistungsabfall festgestellt habe. Meine zweite Skriptdatei ist sehr groß und ich gehe davon aus, dass dies die Verschlechterung verursacht hat.