JavaScript: Ścieżki absolutne

Ścieżki relatywne

Ścieżka relatywna wygląda tak:

import { SomeComponent } from ‘../../../SomeComponent’;

Trudno się to czyta, im więcej zagnieżdżeń tym coraz dłuższa ścieżka. Pomijając wrażenia estetyczne problem jest większy kiedy przenosisz plik z jednej ścieżki do drugiej. A w kodzie znajduje się wiele odwołań do poprzedniej lokalizacji.

Można temu zaradzić, używając ścieżki absolutnej.

Ścieżki absolutne

Ścieżka absolutna daje nam gwarancję, że z każdego miejsca w kodzie ścieżka do danego pliku będzie taka sama.

Zamieniając poprzedni przykład na ścieżkę absolutną, może to wyglądać tak:

import { SomeComponent } from ‘components/SomeComponent’;

JavaScript konfiguracja

Żeby używać ścieżki absolutnej w projekcie JavaScript, należy dodać do pliku jsconfig.json taką konfigurację:

{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

Gdzie src to katalog, w którym znajduje się cały Twój kod.

TypeScript konfiguracja

W przypadku TypeScript konfiguracja wygląda tak samo jak dla JavaScript. Jedyna różnica to plik konfiguracyjny. Dla TypeScript to tsconfig.json