Чтобы настроить Babel с помощью ESLint и tsconfig для использования преобразователей модулей псевдонимов, вы можете использовать несколько методов. Вот несколько подходов:

Метод 1: использование плагина-модуля-резольвера Babel

1. Установите необходимые зависимости:

   npm install --save-dev babel-plugin-module-resolver

2. Создайте файл .babelrcв корневом каталоге вашего проекта и добавьте следующую конфигурацию:

   {
    "plugins": [
      [
        "module-resolver",
        {
          "alias": {
            "@src": "./src"
          }
        }
      ]
    ]
   }

3. Обновите конфигурацию ESLint (.eslintrcили .eslintrc.js), чтобы распознавать псевдонимы:

   {
    "settings": {
      "import/resolver": {
        "babel-module": {}
      }
    }
   }

4. Обновите файл tsconfig.json, включив в него псевдонимы:

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

Метод 2. Использование сопоставления путей TypeScript

1. Обновите файл tsconfig.json, включив в него псевдонимы:

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

2. Установите необходимый плагин ESLint:

   npm install --save-dev eslint-import-resolver-typescript

3. Обновите конфигурацию ESLint (.eslintrcили .eslintrc.js), чтобы распознавать псевдонимы:

   {
    "settings": {
      "import/resolver": {
        "typescript": {}
      }
    }
   }

Метод 3. Использование псевдонима веб-пакета

1. Обновите конфигурацию веб-пакета, включив в него псевдонимы:

   const path = require('path');
   module.exports = {
    // ...
    resolve: {
      alias: {
        '@src': path.resolve(__dirname, 'src')
      }
    }
   };

2. Обновите конфигурацию ESLint (.eslintrcили .eslintrc.js), чтобы распознавать псевдонимы:

   {
    "settings": {
      "import/resolver": {
        "webpack": {
          "config": "path/to/webpack.config.js"
        }
      }
    }
   }