More than 3 years have passed since last update.

ESLintのルールを一部警告対象外にする

Last updated at 2020-06-01Posted at 2020-05-29

パターン1：「この行だけ！このルールだけ!特別扱いして無視したい！」

ある特定のルールを特定の箇所のみで許容したいときは
許容したい行の直前にこのフォーマットでコメントを書くと、[rule-name]に記載したルールだけが無視されます。

  // eslint-disable-next-line [rule-name]

ESLintには==での比較を禁止し、===を使うよう促すルール「eqeqeq」というものがあります。
eqeqeqルールを有効にしている場合、以下のコードでは2箇所で警告が出ます。

javascript.js

  const target = 1;
  if ('2' == target) { //だめ
    return;
  } else if ('3' == target) { //だめ
    return;
  }

ここにeslint-disable-next-lineのコメントをつけると

javascript.js

  const target = 1;
  if ('2' == target) {
    return;
  // eslint-disable-next-line eqeqeq
  } else if ('3' == target) {
    return;
  }

5行目の'3' == targetは無視されます。

このフォーマットでコメントを書くと、[rule-name]に記載したルールだけが無視されます。
0はoffを意味します。
ファイル内のどこに書いても、全行に適用されます。

/* eslint [rule-name]: 0 */

こうすると2箇所とも無視されます。

javascript.js

  /* eslint eqeqeq: 0 */


  const target = 1;
  if ('2' == target) {
    return;
  } else if ('3' == target) {
    return;
  }