Path Alias en proyecto TypeScript (como Angular)
Los Path Alias de TypeScript nos pueden ayudar a la hora de trabajar con un proyecto donde contiene muchas carpetas como lo es Angular.
Ya que en vez de usar algo como:
import { Module } from "./../../../../modules/dashboard/dashboard.module";
Podamos hacer algo más sencillo:
import { Module } from "@modules/dashboard/dashboard.module";
Configuración en tsconfig.json
Lo único que tienes que hacer es agregar las configuraciones en tsconfig.json
:
"compilerOptions" {
"paths": {
...
"@modules/*": ["app/modules/*"],
...
}
}
La configuración para jest:
module.exports = {
...
moduleNameMapper: {
...
"^@modules(.*)$": "<rootDir>/src/app/modules$1",
...
}
...
}