TypeScript - Resolve JSON as a Javascript Module

 I discovered something neat that is possible in TypeScript. Did you know that you can import JSON as a Javascript module? I didn't...

I had a configuration file like this:

	{
	"server": {
	"url": "http://localhost"
	}
	}

view raw config.json hosted with ❤ by GitHub

In my tsconfig.json I had to set the resolveJsonModule to true:

	{
	"compilerOptions": {
	"module": "commonjs",
	"noImplicitAny": true,
	"removeComments": true,
	"preserveConstEnums": true,
	"sourceMap": true,
	"resolveJsonModule": true,
	"esModuleInterop":true
	}
	}

view raw tsconfig.json hosted with ❤ by GitHub

Now I could import the config file as a module. The nice thing is that I even get type checking and autocompletion!

	import config from './config.json';
	console.log(config);

view raw ImportJson.ts hosted with ❤ by GitHub

Remark: Not enabling this option out of the box was done by the TypeScript team to avoid pulling in large JSON files that would consume a lot of memory.