📜

【ESLint】 Flat Config で eslint:recommended, eslint:all を使う

2023/04/24に公開・約1,500字

TL;DR

eslint.config.js

import js from "@eslint/js";
export default [
  js.configs.recommended,
  // or
  js.configs.all,
]

Flat Config とは、2022/8/1 の v8.21.0 で導入された ESLint の新しい設定方法です。
既存の記法とは大きく異なり、ファイル名も eslint.config.js にしかできません。

解説記事:
※とても分かりやすい記事なのですが、2022/08/12のものなので一部(
eslint:recommended, eslint:all含む)変更されています。

上の解説記事に書かれていた以下の記法が変わっていました。

// ESLintのあらかじめ用意された eslint:recommended、eslint:all のconfigは文字列で配列に含めることができる。
"eslint:recommended",

2023/2/26 の v8.35.0 で変更されたようです。

@eslint/js という新しいパッケージを使うようになっています。(@eslint/js は eslint の dependencies に含まれているので、devDependencies に追加しなくても大丈夫です。)

eslint.config.js

import js from "@eslint/js";
export default [
  js.configs.recommended,
  // or
  js.configs.all,
]

ちなみに、古い記法で書くと↓の警告が出ます。

Warning: The 'eslint:recommended' string configuration is deprecated and will be replaced by the @eslint/js package's 'recommended' config.

Docs にこの predefined-configurations についての章もあります。

Flat Config を使っていてこの仕様に気が付いたのですが、まだ新しいこともあって情報が少ないですね…
ただ、かなり分かりやすく便利にはなっていたので、できるだけこちらを使うようにしたいです。

ログインするとコメントできます