編集

typescript-eslint v6

typescript-eslint v6 がリリース。いくつかのルールの削除や、ルールの設定変更、推奨設定の再構成などが行われたため、バージョンを上げる際は対応が必須です。

#推奨設定の再構成

typescript-eslint v6 では、提供される推奨設定が新しくなりました。

  • ベストプラクティスとコードの正確性のための設定:
    • recommended: 雑に追加できる推奨ルール
    • recommended-type-checked: 型情報を必要とするルールが追加されたもの
    • strict: バグを検出できるが主張の強いルールが追加されたもの
    • strict-type-checked: strict に型情報を必要とするルールが追加されたもの
  • 一貫性のある予測可能な構文使用のためのスタイル設定:
    • stylistic: 雑に追加できるスタイルルール
    • stylistic-type-checked: 型情報を必要とするルールが追加されたもの

型情報を利用した型チェックを行なっている場合は、次のような設定が推奨されています。

jsx
module.exports = {
  extends: [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended-type-checked",
    "plugin:@typescript-eslint/stylistic-type-checked",
  ],
  plugins: ["@typescript-eslint"],
  parser: "@typescript-eslint/parser",
  parserOptions: {
    project: true,
    tsconfigRootDir: __dirname,
  },
  root: true,
};

#参考文献

編集