ESLint 本体を除くエコシステムのパッケージは主に3 種類に分類される

• パーサ（Parser）

  • ソースコードを特定の言語仕様に沿って解析してくれるライブラリ
  • JSには標準で組み込まれているがTSにはないので導入が必要

• プラグイン（Plugin）

  • ESLint の組み込みルール以外に独自のルールを追加するもの
  • それらを適用した推奨の共有設定とパッケージングして提供されることが多い

• 共有設定（Shareable Config）

  • 複数のルールの適用をまとめて設定するもの

ESLint の設定ファイルを作成する

$ yarn eslint --init

で設定ファイルの雛形を対話的に作成可能

(作成された設定ファイル)

module.exports = {
    "env": {
        "browser": true,
        "es2021": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:react/recommended",
        "plugin:@typescript-eslint/recommended"
    ],
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "plugins": [
        "react",
        "@typescript-eslint"
    ],
    "rules": {
    }
};

各プロパティの意味

• env
  • プログラムの実行環境をESLint に教える
  • 個別の環境ごとにglobals の値がプリセットされている
• extends
  • 共有設定を適用する
  • ルール設定が重複している場合、リストの後ろに記述されたほうが優先される
• parser
  • ESLint が使用するパーサを指定する
• parserOptions
  • パーサの各種実行オプションを設定する
• plugins
  • 任意の（インストール済みの）プラグインを組み込む
• rules
  • 適用する個々のルールと、エラーレベルや例外などその設定値を記述する