I've recently reviewed the documentation for ModuleResolution in TypeScript on this page: https://www.typescriptlang.org/docs/handbook/module-resolution.html#node
My understanding is that all files I wish to import must reside within the node_modules directory. Is there a way to import files located elsewhere?
For instance, if I have the following folder structure (src/MyApp/):
├── Console
│ └── Console.ts
├── Interfaces
│ └── CredentialsInterface.ts
└── Service
├── Authentication.ts
├── Router.ts
└── Connector.ts
Then let's say in my src/pages/login/login.ts, I currently use this to import Console.ts:
import { Console } from '../../MyApp/Console/Console';
However, I aim to achieve something like this:
import { Console } from '@MyApp/Console/Console';
With @MyApp serving as an alias for src/MyApp.
Given potential file or folder movements in the future, I would prefer not to manually update each file with hardcoded paths. This functionality is available in other tools like Composer. Is there a similar capability in TypeScript? Thank you in advance!