这是我在知乎问题 Typescript有什么冷门但是很好用的特性? 的回答。
Node.js 模块是允许直接导入 JSON 文件的，但是 ES Module 现在还不支持，TS 在 2.9 （18年5月17日还未发布）之前也不支持。日常中使用 JSON 最多的场景就是 配置文件了，如果要使用的话需要使用下面一些 trick 来支持。
这里有个 JSON 文件
1
2
3
4
5
| {
"//": "student.json",
"name": "test",
"age": 23
}
|
如果需要导入的话，需要先定义类型。
1
2
3
4
5
6
7
8
|
declare module "*student.json" {
export interface IStudent {
name: string;
age: number;
}
export const student: IStudent
}
|
这里使用 *student.json 是因为导入的时候有路径符号，这里要用 * 匹配。
最后在 tsconfig.json 文件中包含这些类型定义文件。
1
2
3
4
5
| {
"//": "tsconfig.json",
"include": ["src/**/*", "./myTypes/*.d.ts"],
"exclude": ["node_modules"]
}
|
现在我们就可以直接在文件中引入了，TS 会智能的提示类型。
1
2
3
4
5
6
7
| import { log } from "console";
import { student } from "./student.json";
log(student.age);
log(student.name);
|
TypeScript 2.9 即将发布，到时候就可以直接使用 JsonModule 了。