Begrip: TypeScript paths

In de standaard configuratie evalueert TypeScript imports enkel relatief ten opzichte van de huidige directory of de Nodemodules_. Alhoewel dit voldoende is om een volledig pad te schrijven, is het dikwijls interessant om ook uit andere mappen te kunnen importeren zonder dat je hiervoor een lang relatief pad moet vermelden. Op deze manier worden import statements korter en is het duidelijker vanwaar code komt, een pad als '@hooks/someHook' is veel properder en duidelijker dan iets als '../../../lib/hooks/someHooks'.

Zulke path aliases kunnen geconfigureerd worden in tsconfig.ts. Via compilerOptions.paths kan een alias gemapt worden naar één of meer mappen waarnaar deze verwijst.

Onderstaande configuratie voegt de alias '@' toe waarmee elementen uit de root map van het project ingeladen kunnen worden.

{
  ...
  "compilerOptions": {
    "strict": true,
    "paths": {
      "@/*": [
        "./*"
      ],
    }
  },
  ...
}