Angular: Tsconfig beállítás a rövidebb file path import-ra

Angular: Tsconfig beállítás a rövidebb file path import-ra
2019-02-12T15:51:51+01:00
2019-02-12T17:26:02+01:00
2022-10-15T21:35:53+02:00
VaMa
Üdv!

Visual Studio Community-n keresztül próbálom a tsconfig.json-t bütykölni, hogy file importálás esetén rövidebb útvonalon keresztül tudjak importálni.

Könyvtárstruktúra mellékelve képként.

tsconfig.json-ben ezt csináltam:

"baseUrl": "src", "paths": { "@components/*": [ "app/_components/*" ], "@contents/*": [ "app/_contents/*" ], "@dataSources/*": [ "app/_dataSources/*" ], "@directives/*": [ "app/_directives/*" ], "@enums/*": [ "app/_enums/*" ], "@interfaces/*": [ "app/_interfaces/*" ], "@models/*": [ "app/_models/*" ], "@modules/*": [ "app/_modules/*" ], "@pages/*": [ "app/_pages/*" ], "@pipes/*": [ "app/_pipes/*" ], "@services/*": [ "app/_services/*" ] },
próbálkozásaim:

import {LoginComponent} from '@components';

A Visual Studio mégis hibaüzenetet dob. A hibaüzenetem pedig ezek a Visual Studio-ban, ami egy import from path során ad vissza:

Cannot find module '@components'.

Mit kell beállítanom, hogy a fenti működés szerint menjen?
Üdv,
VaMa
Mutasd a teljes hozzászólást!
Csatolt állomány
Sikerült megoldani.
A tsconfig.json-be írtam egy ilyet. Az index.ts-be az összes mappában lévő typpescript components, classes, interfaces fájlt kiexportáltam.

"baseUrl": "src", "paths": { "@components": [ "app/_components/index" ], "@components/to-browse-form": [ "app/_components/index2" ], "@contents": [ "app/_contents/index" ], "@dataSources": [ "app/_dataSources/index" ], "@directives": [ "app/_directives/index" ], "@enums": [ "app/_enums/index" ], "@interfaces": [ "app/_interfaces/index" ], "@models": [ "app/_models/index" ], "@modules": [ "app/_modules/index" ], "@pages": [ "app/_pages/index" ], "@pipes": [ "app/_pipes/index" ], "@services": [ "app/_services/index" ] },
Az is gond volt, hogy minden egyes tsconfig beállítás után a visual studio-t újra kellett indítani.


majd tudtam egy ilyet csinálni:
import { LoginComponent } from '@pages';

Így működött.
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd