eslint-config-ksv741 v0.0.2

Конфиг eslint, который поможет в написании как JavaScript приложений, так и приложений использующих Typescript и React

Список используемых плагинов:

• @stylistic/eslint-plugin - Rules
• eslint-plugin-import Rules
• @typescript-eslint/eslint-plugin Rules
• eslint-plugin-jsx-a11y Rules
• eslint-plugin-react Rules
• eslint-plugin-react-hooks Rules

Настройка

Для подключения добавьте конфиг в файл конфигурации Eslint

extends: ["ksv741"]

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

• ksv741/js-base - содержит правила для файлов JavaScript
• ksv741/js-react - содержит правила для файлов JavaScript и правила для JSX и React
• ksv741/ts-base - содержит правила для файлов JavaScript и правила для файлов TypeScript
• ksv741/ts-react - содержит правила для файлов JavaScript, TypeScript, JSX и React

overrides: [
    {
      files: ["*.js"],
      extends: ["ksv741/js-base"]
    },
    {
      files: ["*.jsx"],
      extends: ["ksv741/js-react"]
    },
    {
      files: ["*.ts"],
      extends: ["ksv741/ts-base"]
    },
    {
      files: ["*.tsx"],
      extends: ["ksv741/ts-react"]
    }
  ]

Для файлов, использующих конфигурацию ksv741/ts-base или ksv741/ts-react по умолчанию используется @typescript-eslint/parser и eslint-import-resolver-typescript. Но вы можете это переопределить, используя настройки плагина eslint-plugin-import
Например, добавим настройку для использования @babel/eslint-parser и eslint-import-resolver-webpack

{
  extends: ["ksv741"],
  parser: "@babel/eslint-parser",
  parserOptions: {
    babelOptions: {
      configFile: ".babelrc.js"
    }
  },
  settings: {
    "import/resolver": {
      webpack: {
        config: "webpack.config.js"
      }
    }
  }
}