web-dev-qa-db-ja.com

ESLintは特定のディレクトリのみをターゲットにします(eslintrc、create-react-app)

私はこれに似たフォルダー構造を持っています:

/root
 .eslintrc.json
 package.json
 /someFolder
   /sub
   /sub
 /anotherFolder
 /src
   /containers
   /components
 /oneMoreFolder
   /sub
   /sub

私はcreate-react-appを使用していて、airbnbルールを適用しています。特定のフォルダーでリンターをCLIから簡単に実行できましたが、コンパイル時にすべてのフォルダーをターゲットにします。

コンパイル時にリンターを/ srcフォルダー内のファイルのみで実行したい。

これについてどうすればいいですか?私はいくつかの解決策を試しました。

ありがとうございました!

TL:DR eslintとcreate-react-appを使用している場合、コンパイル時に1つのサブフォルダーとそのすべてのファイルをターゲットにするにはどうすればよいですか?

7
Dustwise

eslint src/**/*.js[x]のようなことをする必要があります。 lintingチェックを実行するwebpackビルド(またはプリコミットフック)を実行している場合は、package.json内のscriptsオブジェクト内に追加します。

6
Hozefa

.eslintrc.json

{
  "rules": {
    "quotes": [ 2, "double" ]
  },

  "overrides": [
    {
      "files": [ "src/**/*.js" ],
      "rules": {
        "quotes": [ 2, "single" ]
      }
    }
  ]
}

.eslintignore

 /someFolder
 /anotherFolder
 /oneMoreFolder
7
Jalal

ignorePatternsオプションを使用しました。 ESLintに特定のファイルとディレクトリを無視するように指示します。 IDE(ex。VS Code)が不要なファイルのエラーを報告している場合に役立ちます。

{
  "ignorePatterns": ["gulpfile.js", "gulp/**/*", "webpack.config.js"]
}

.eslintignoreファイルも使用できます。

2
Vahid