导入文件的首选方式:http.get或require()?

时间:2018-02-17 17:04:33

标签: angular typescript http

导入TypeScript项目中的JSON文件的首选方法是什么?我已经看到使用了以下方法:

var json_file = require('./file.json')

var file;
this.http.get('./file.json').subscribe(
    next => { file = next; }
) 

但我应该使用哪些方法?对我来说,使用require似乎更直接,但我再次看到http.get更常用于此案例。

2 个答案:

答案 0 :(得分:2)

这取决于。如果JSON文件很小,并且最好避免异步延迟,请使用第一种方法。

但是,如果JSON文件很大,并且您可以在等待加载JSON的同时更快,更响应地打开网页,请使用第二个。

答案 1 :(得分:1)

require是同步的。文件路径不能真正动态(至少使用Webpack)。该文件与应用程序捆绑在一起,影响初始加载时间(可通过Webpack分块进行寻址)。

http相反。