Import Aliases
The TypeScript path aliases configured for src/app.
ngXpress configures a handful of TypeScript path aliases in tsconfig.json so imports stay short and stable even as files move around.
Example imports
import { AuthService } from '@core/auth/auth.service';
import { authGuard } from '@core/guards/auth.guard';
import { AdminLayout } from '@layouts/admin.layout';
import { BrandLogo } from '@components/brand/brand-logo';Reference
| Alias | Path | Use for |
|---|---|---|
@core/* | src/app/core/* | Auth, guards, brand config, theme |
@pages/* | src/app/pages/* | Route pages |
@layouts/* | src/app/shared/layouts/* | Auth / admin layout shells |
@components/* | src/app/shared/components/* | Shared app components |
@shared/* | src/app/shared/* | The whole shared tree (including layouts) |
@spartan-ng/helm/* | src/app/shared/ui/... | Helm components (see components.json) |
@layouts/* and @components/* both point inside the tree that @shared/* covers — reach for the more specific alias first, and fall back to @shared/* for anything that doesn't have its own alias yet.