logo
/
設定などを一部だけ紹介するときも全体のどこに位置するのかを共有する
例えばeslintの設定を記事に書く時 こうやって一部だけオフにできます!
 {
      "files": ["src/pages/**/*"],
      "rules": {
        "consistent-default-export-name/default-export-match-filename": "off"
      }
},
とか言われてもこれどこに書くのか全体の中でどこに位置するのかわからない。
もちろん知識があればわかるんだけど、結構フラクタルになることが多いから同じ設定項目が階層違いで意味が変わることもある。
なのでこう書く。
{
//...
  "overrides": [
    {
      "files": ["src/pages/**/*"],
      "rules": {
        "consistent-default-export-name/default-export-match-filename": "off"
      }
    },
//...
}
//...はなくても良いが、こうすれば全体の中のどこに位置するのかがわかる。
既存のファイルからコピーすると前者のような感じになっちゃうけど、一手間掛けて後者の感じにすれば後の人(未来の自分)がハッピーになる。