Pattern for path configuration in tsconfig.json

Question

Pattern for path configuration in tsconfig.json

Is there a way to dynamically include files based on path patterns? Currently, my scripts contain lines like this:

import '../../../../myresource/src/shared/my-interface'

However, I'm interested in simplifying it to something like:

import '@myresource/shared/my-interface'

In this revised example, the 'src' folder is omitted and the 'myresource' part of the path can be substituted with various folder names such as 'myresource', 'myresource1', 'myresource2', and so on. Is there a solution that doesn't involve manually adding each specific folder to the 'paths' object in tsconfig.json?

typescript tsconfig tsc tsconfig-paths

Answer 1

Answer №1

If you want to configure your paths in the tsconfig.json file, you can follow this example (link):

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@*": ["*"]
    }
  }
}

Feel free to adjust and customize the paths according to your specific requirements.

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@*": ["*", "dir1/*"]
    }
  }
}

Answer 2

If you want to configure your paths in the tsconfig.json file, you can follow this example (link):

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@*": ["*"]
    }
  }
}

Feel free to adjust and customize the paths according to your specific requirements.

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@*": ["*", "dir1/*"]
    }
  }
}

Pattern for path configuration in tsconfig.json

Answer №1

Similar questions

How can I retrieve query parameters in the Server app directory of Next.js 13 using a function?

Ensuring the validity of function types in a generic manner

Angular CLI: Trouble with building in production mode due to errors in "Abstract class" while using Angular 4

Is there a way to adjust the width of a table cell in Material UI using React?

Utilize Typescript to Invoke Functions of Different Components in Angular 2

How can input be prevented on keydown within angular6?

Using TypeScript to send state through history.push({...})

What function is missing from the equation?

Angular RxJS: The never-ending reduction

Typescript and the way it handles responses from REST APIs

Issue encountered with Angular 13 and Twilio Sync: The variable name is not recognized as a constructor, resulting in

Angular 2 Issue: @Input() Directive Not Recognized - Unresolved Reference Error

Creating descriptions for types in Vue.js using TypeScript

Transferring files from one azure blob container to another

Place an image at the top of the canvas at a specific location

Cypress: Uncovering the method invoked by a button click

The parameter type '(value: any) => any[]' does not match the expected parameter type 'string[]'

Angular - Exploring the process of creating a secondary standalone build for a specific section of an application

Tips for utilizing <Omit> and generic types effectively in TypeScript?

Refreshing list after cancelling search not working in Ionic 3