TSConfig Configuration

Question 1

What is the primary purpose of the `tsconfig.json` file in a TypeScript project?

Accepted Answer

To configure the TypeScript compiler options.

Answer

To define the project's dependencies.

Answer

To specify the build commands for the project.

Answer

To manage the project's documentation.

Question 2

Which compiler option controls the ECMAScript target version for the output JavaScript?

Accepted Answer

`target`

Answer

`module`

Answer

`lib`

Answer

`outDir`

Question 3

What does the `moduleResolution` compiler option determine?

Accepted Answer

How the TypeScript compiler finds modules.

Answer

The order in which files are compiled.

Answer

The naming convention for imported modules.

Answer

Whether to include or exclude certain files from compilation.

Question 4

If you want your TypeScript code to be compatible with older browsers, which `target` value would you likely choose?

Accepted Answer

`es5`

Answer

`es2022`

Answer

`esnext`

Answer

`es6`

Question 5

What is the purpose of the `rootDir` compiler option?

Accepted Answer

To specify the root directory of your TypeScript source files.

Answer

To define the output directory for compiled JavaScript files.

Answer

To indicate the directory where type definition files are located.

Answer

To set the base URL for module resolution.

Question 6

Which option is used to specify the directory where the compiled JavaScript files should be placed?

Accepted Answer

`outDir`

Answer

`rootDir`

Answer

`moduleDir`

Answer

`declarationDir`

Question 7

What does the `declaration` compiler option do when set to `true`?

Accepted Answer

Generates `.d.ts` files (declaration files) for your TypeScript code.

Answer

Enables a stricter set of type-checking rules.

Answer

Includes source maps for debugging purposes.

Answer

Allows the use of experimental JavaScript features.

Question 8

What is the benefit of enabling `strict` mode in `tsconfig.json`?

Accepted Answer

Enforces a comprehensive set of type-checking rules for more robust code.

Answer

It makes your JavaScript code run faster by removing type checks.

Answer

It enables the use of the latest JavaScript syntax features.

Answer

It generates more detailed error messages during compilation.

Question 9

Which compiler option is often enabled to improve compatibility when importing CommonJS modules into an ES Module environment, sometimes leading to surprising `__esModule` properties?

Accepted Answer

`esModuleInterop`

Answer

`allowSyntheticDefaultImports`

Answer

`forceConsistentCasingInFileNames`

Answer

`skipLibCheck`

Question 10

When working with multiple TypeScript projects that share common configurations, which `tsconfig.json` feature allows you to inherit settings from another configuration file, promoting DRY (Don't Repeat Yourself) principles?

Accepted Answer

References (`references` property)

Answer

Includes (`include` property)

Answer

Extends (`extends` property)

Answer

Files (`files` property)

Tsconfig Configuration