Nested Configuration
Explore how TypeScript's nested configuration feature allows you to extend and override tsconfig.json compiler options in subdirectories for more flexible and reliable compilation. Understand use cases for outDir, allowJs, and strict options in nested setups by working through practical examples.
Introduction to nested configuration
The TypeScript compiler is able to reuse a tsconfig.json file in another directory when compiling code in the current directory. This feature is handy if we would like to override a compiler option when running tsc within a specific directory. The tsconfig.json file uses the extends option for this purpose.
Example of nested configuration
As an example of nested configuration, consider the following source tree:
├── sub1
│ ├── SampleJsFile.js
│ └── tsconfig.json
├── SampleTsFile.ts
└── tsconfig.json
Here, we have a tsconfig.json file in the project root directory as well as a
TypeScript file named SampleTsFile.ts. We also have a subdirectory named sub1
that contains a tsconfig.json ...