2016-05-24 6 views
0

javascriptコードの主な実行前にいくつかのファイルを同期して読み込む必要があります。Typescriptでリソースを同期的にロードするにはどうしたらいいですか?

例として、複数のJSON langファイルがあり、HTMLを生成する前にそれらを必要としています。ロードされたJSONはブラウザ環境に依存します。

コールバックメソッドでHTMLを生成するようにアプリケーションを調整することは、アプリケーションのコアが既に完了していて、複数のプログラマがそれに取り組んでいるため、適切な選択肢ではありません。

synchrone XMLHttpRequestは推奨されていませんが、別の解決策がありますか?

Typescriptを使用しています。

+0

:代わりに

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

あなたが考え

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

のここでの継続はfetchのようなものを使用して、promiseです。どのレンダリングエンジンをサーバー側とクライアント側で使用していますか? – RainingChain

+0

TypeScriptはJavaScriptにコンパイルされるので、JavaScriptで行うことは何でもTypeScriptで行うことができます。この特定の質問には、多くの解決策があります。一部のアプリケーションでは、必要なファイルがロードされている間に「Loading ...」画面が表示されます。特定のソリューションを実装しようとしている場合は、おそらくお手伝いできます。 –

+0

同期または非同期ではないxmlhttprequestが必要ですか?それはできない – 2426021684

答えて

0

JavaScriptコードの主な実行前に、いくつかのファイルを同期して読み込む必要があります。

ファイルのアップフロント

あなたがファイルに事前を知っていれば、すなわち、彼らはあなたがおそらくそれらをバンドルするモジュールバンドラを使用する必要があり、ユーザの入力に基づいて変更することはありません。例えばwebpack

これらのファイルはオンデマンドで要求する場合は、需要上https://github.com/webpack/raw-loader

ファイル、あなたは非同期リクエストを行う必要がありますし、あなたは結果を持っているときを続けます。例えば私はこれは活字体とリンクされているかを理解していないhttps://github.com/github/fetch

関連する問題