Wie kann ich Ressourcen synchron mit Typescript laden?

Question

Ich brauche einige Dateien, die vor der Hauptausführung des Javascript-Codes synchron geladen werden sollen.

Als Beispiel habe ich mehrere JSON lang-Datei und ich möchte sie vor dem Generieren der HTML. Der geladene JSON hängt von der Browserumgebung ab.

Anpassung der Anwendung, um das HTML in einer Callback-Methode zu generieren, ist keine gute Option, da der Kern unserer Anwendung bereits fertig ist und mehrere Programmierer daran arbeiten.

Da synchrone XMLHttpRequest veraltet ist, gibt es eine andere Lösung?

Wir verwenden Typoskript.

Answer 1

Ich brauche einige Dateien synchron vor der Hauptausführung des JavaScript-Codes geladen werden.

Dateien vorne

Wenn Sie wissen, dass die Dateien vorher das heißt, sie nie basierend auf Benutzereingaben ändern, sollten Sie wahrscheinlich ein Modul bundler nutzen sie zu bündeln. Z. B webpack: https://github.com/webpack/raw-loader

Dateien auf Anfrage

Wenn diese Dateien auf Anfrage angefordert werden, Sie sollen von dem Asynchron-Antrag stellen und fortsetzen, wenn Sie das Ergebnis haben. z.B. statt

var x = loadFile('somefile'); 
    // some code 

Sie würden

loadFile('somefile').then(()=> 
    { 
     //some code 
    } 
    ); 

Hier die Fortsetzung ist ein promise, so etwas wie fetch mit: https://github.com/github/fetch