如何将JSON文件导入TypeScript文件？

Question

我正在使用Angular
Maps构建地图应用程序，并希望导入JSON文件作为定义位置的标记列表。我希望将此JSON文件用作app.component.ts中的marker
[]数组。而不是在TypeScript文件中定义标记的硬编码数组。

导入此JSON文件以在我的项目中使用的最佳过程是什么？任何方向都非常感谢！

Answer 1

直到最近的打字稿更新之前，Aonepathan的单行代码都为我工作。

我发现Jecelyn Yeen的帖子建议将该代码段发布到您的TS定义文件中

将文件添加typings.d.ts到具有以下内容的项目的根文件夹中

declare module "*.json" {
    const value: any;
    export default value;
}

然后像这样导入您的数据：

import * as data from './example.json';

2019年7月更新：

Typescript 2.9（docs）引入了更好，更智能的解决方案。脚步：

1. resolveJsonModule在tsconfig.json文件中添加以下行支持：

   “compilerOptions”: {
   …
   “resolveJsonModule”: true
   }
   

import语句现在可以假定默认导出：

import data from './example.json';

现在，intellisense将检查json文件，以查看是否可以使用Array等方法。很酷