Как в TS сделать path для всех helpers?

В TypeScript можно использовать псевдонимы пути (path aliases) для облегчения импорта файлов из разных директорий. Псевдоним пути позволяет указать короткое имя для длинного пути, что делает импорт более читабельным и удобным.

Для создания псевдонимов пути в TypeScript необходимо сделать несколько шагов.

1. В файле tsconfig.json добавьте раздел paths в раздел compilerOptions. В этом разделе вы будете определять псевдонимы пути и соответствующие им директории.

Пример:

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@helpers/*": ["helpers/*"]
    }
  }
}

В этом примере создается псевдоним @helpers для директории helpers внутри папки src.

2. После добавления псевдонимов пути, вы должны использовать их в ваших импортах. Например, для импорта файла myHelper.ts из директории @helpers, вы можете написать:

import { someHelper } from '@helpers/myHelper';

В этом примере мы использовали @helpers вместо полного пути к файлу.

3. При сборке проекта TypeScript автоматически заменяет псевдонимы пути на соответствующие им реальные пути. Например, при сборке вышеуказанного примера, TypeScript будет искать файл myHelper.ts в директории src/helpers.

С помощью псевдонимов пути в TypeScript вы можете сделать импорт ваших помощников (helpers) более читабельным и уведомляющим. Они также облегчат перемещение и переименование файлов или директорий в вашем проекте, так как вам не нужно будет изменять все импорты, которые используют эти файлы.