kurzer Weg zum Importieren von Komponenten und Modulen

Question

Ich habe @ angular/cli verwendet, um meine App zu erstellen. Wenn meine App Größe zunimmt, wird es ziemlich schwierig, die Pfade der Importe für Komponenten/Module/scss

zum Beispiel zu nennen, wenn eine Komponentenstruktur tief genug ging. zu importieren haben wir zu erwähnen import {something} from '../../../../someComponent' geht weiter.

Gibt es eine Art, wie wir sie irgendwo wie ein Schema kann

definiert werden definieren können

zum Beispiel:

Schema.json

{ 
"someComponent":"../../../../someComponent', 
"otherComponent:"../../" 
} 

und wir können direkt als import {someComponent} from 'someComponent; importieren und können leicht importiert überall

Gibt es eine Methode wie diese.

Answer 1

paths kann in tsconfig.json hinzugefügt:

{ 
    "compilerOptions": { 
    ..., 
    "paths": { 
     ..., 
     "@app/*": ["app/*"], 
     "@components/*": ["components/*"] 
    } 
    } 
} 

Dann absolut von app/ oder components/ statt relativ importieren, um die aktuelle Datei:

import {TextInputConfiguration} from "@components/configurations"; 

Answer 2

Sie können Fass in Ihrer App verwenden.

Zum Beispiel Sie Komponente:

// heroes/folder/deep/another/deep/folder/hero.component.ts 
export class HeroComponent {} 

Jetzt können Sie Fass in einem beliebigen Ordner Ihres Projekts definieren, die dieses Modul exportiert (es wird Index durch Konvention genannt)

export * from './heroes/folder/deep/another/deep/folder/hero.component.ts'; // relative path to current folder 

Sie kann so viele Fässer definieren, wie Sie möchten.

können Sie mehr lesen in docs