如何使用Typescript同步加载资源？

Question

我需要在主要执行javascript代码之前同步加载一些文件。

作为一个例子，我有多个JSON lang文件，在生成HTML之前我想要它们。加载的JSON取决于浏览器环境。

调整应用程序以在回调方法中生成HTML不是一个好的选择，因为我们的应用程序的核心已经完成，并且多个程序员可以使用它。

由于不推荐同步XMLHttpRequest，还有其他解决方案吗？

我们正在使用Typescript。

Answer 1

  

我需要在主要执行之前同步加载一些文件   javascript代码。

预先存档

如果您事先知道文件 ，即它们永远不会根据用户输入进行更改，您应该使用模块捆绑包来捆绑它们。 E.g webpack：https://github.com/webpack/raw-loader

按需提交的文件

如果要按需请求这些文件，应该发出异步请求，并在获得结果时继续。例如而不是

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

你会

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

这里的延续是promise，使用类似fetch的内容：https://github.com/github/fetch