React+TSプロジェクトで便利だったLint/Format設定紹介

こんにちは、よしこです。 この記事は 2020年に立ち上げたWebフロントエンド構成の振り返り の「linter/formatter」項の詳細記事です。単体でも読めますが、よければ元記事もあわせてどうぞ！ この記事では、今わたしが 株式会社ナレッジワーク というスタートアップで開発・運用しているプロジェクトにおいて便利だったLint/Format関連の設定についてご紹介していきます。 使っているのは、TSのlintのためにESLint, CSSのlintのためにStylelint, 主なファイルのformatのためにPrettierです。 ESLint pluginsとextendsだけどんなもの入れてるか載せておきます。 "plugins": [ "strict-dependencies", // 後述 "unused-imports", // 後述 ], "extends": [ "a

[tttttahiti]

“overrides” 知らなかった！便利！

[dexia2]

順番は自動で決めて欲しいという気持ちがとてもわかる

[mumei-0]

“prettierとの協調のさせかた（eslint-config-prettier） plugin:prettier/recommended をextendsするのはもう古かったみたいです。”

[ikkitang1211]

いつも、生きたドキュメントを書いてくださって本当ありがたい・・！

[ko-ya-ma]

あります！ >“「このパスのモジュールは、あの階層のファイル郡からしか参照してはいけない」みたいなルールを決めたいことってないですか”