resolveJsonModule
# tsconfig.json { "compilerOptions": { "resolveJsonModule": true, } }
Here is what the above code is Doing:
1. We’re importing the json file as a module.
2. We’re using the type assertion operator to tell TypeScript that the imported module is of type `Config`.
3. We’re using the `config` variable to access the properties of the imported json file.
## Using the `import` statement
We can also use the `import` statement to import json files.
“`ts
// config.json
{
“apiKey”: “abc123”,
“apiUrl”: “http://example.com”
}
// config.ts
import config from ‘./config.json’;
console.log(config.apiKey); // abc123
console.log(config.apiUrl); // http://example.com
“`
## Using the `require` function
We can also use the `require` function to import json files.
“`ts
// config.json
{
“apiKey”: “abc123”,
“apiUrl”: “http://example.com”
}
// config.ts
const config = require(‘./config.json’);
console.log(config.apiKey); // abc123
console.log(config.apiUrl); // http://example.com
“`
## Using the `import` statement with the `as` keyword
We can also use the `import` statement with the `as` keyword to import json files.
“`ts
// config.json
{
“apiKey”: “abc123”,
“apiUrl”: “http://example.com”
}
// config.ts
import * as config from ‘./config.json’;
console.log(config.apiKey); // abc123
console.log(config.apiUrl); // http://example.com
“`
## Using the `import` statement with the `as` keyword and type assertion
We can also use the `import` statement with the `as` keyword and type assertion to import json files.
“`ts
// config.json
{
“apiKey”: “abc123”,
“apiUrl”: “http://example.com”
}
// config.ts
import * as config from ‘./config.json’ as Config;
console.log(config.apiKey); // abc123
console.log(config.apiUrl); // http://example.com
“`
## Using the `import` statement with the `as` keyword and type assertion and type alias
We can also use the `import` statement with the `as` keyword and type assertion and type alias to import json files.
“`ts
// config.json
{
“apiKey”: “abc123”,
“apiUrl”: “http://example.com”
}
// config.ts
type Config = {
apiKey: string;
apiUrl: string;
};
import * as config from ‘./config.json’ as Config;
console.log(config.apiKey); // abc123
console.log(config.apiUrl); // http://example.com
“`
## Using the `import` statement with the `as` keyword and type assertion and type alias and interface
We can also use the `import` statement with the `as` keyword and type assertion and type alias and interface to import json files.
“`ts
// config.json
{
“apiKey”: “abc123”,
“apiUrl”: “http://example.com”
}
// config