Как корректно добавить алиасы в конфигурацию линтера?

Всем добрый день.

React + TS

Есть файл с алиасами (config-overrides.js)

 const {
  addWebpackAlias,
  override,
} = require('customize-cra');
const path = require('path');

module.exports = override(addWebpackAlias({
  '@ui': path.resolve(__dirname, './src/ui'),
  '@features': path.resolve(__dirname, './src/features'),
}));

И есть установленный линтер, он ругается на импорты, мне необходимо чтобы он не ругался, при этом нельзя добавлять исключения, задача стоит указать алиасы в линтере.

Вот файл eslintrc.js -

module.exports = {
  env: {
    browser: true,
    es6: true,
  },
  extends: [
    'airbnb',
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:@typescript-eslint/recommended',
  ],
  parser: '@typescript-eslint/parser',
  plugins: ['react', '@typescript-eslint'],
  rules: {
    'react/prop-types': 0,
    'react/react-in-jsx-scope': 0,
    'react/display-name': 0,
    '@typescript-eslint/explicit-member-accessibility': 0,
    '@typescript-eslint/indent': 0,
    '@typescript-eslint/member-delimiter-style': 0,
    '@typescript-eslint/no-explicit-any': 0,
    '@typescript-eslint/no-var-requires': 0,
    '@typescript-eslint/no-use-before-define': 0,
    '@typescript-eslint/explicit-function-return-type': 0,
    '@typescript-eslint/explicit-module-boundary-types': 0,
    'react/jsx-filename-extension': 0,
    'react/jsx-fragments': 0,
    'import/no-extraneous-dependencies': 0,
    'comma-dangle': 0,
    'operator-linebreak': 0,
    'import/no-dynamic-require': 0,
    'implicit-arrow-linebreak': 0,
    'react/jsx-curly-brace-presence': 0,
    'no-multiple-empty-lines': 0,
    'func-names': 0,
    'no-trailing-spaces': 0,
    '@typescript-eslint/no-unused-vars': [
      2,
      {
        argsIgnorePattern: '^_',
      },
    ],
    'no-console': [
      2,
      {
        allow: ['info', 'warn', 'error'],
      },
    ],
  },
  settings: {
    'import/resolver': {
      alias: {
        map: [
          ['@ui', './src/ui'],
          ['@features/', './src/features']
        ],
        extensions: ['.ts', '.js', '.jsx', '.tsx']
      }
    }
  }
};

Пакеты которые установлены для eslint: "eslint": "^7.12.1", "eslint-config-airbnb": "^18.2.0", "eslint-import-resolver-alias": "^1.1.2", "eslint-plugin-import": "^2.22.1", "eslint-plugin-jsx-a11y": "^6.4.1", "eslint-plugin-react": "^7.21.5",

В текущем виде после прогона линтером выводится много ошибок в виде - import/prefer-default-export или import/no-unresolved

Подскажите пожалуйста, как правильно добавить алиасы в конфигурацию линтера, или возможно где почитать похожий случай чтобы разобраться.

Спасибо большое.


Ответы (0 шт):