私はこれに似たフォルダー構造を持っています:
/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つのサブフォルダーとそのすべてのファイルをターゲットにするにはどうすればよいですか?
eslint src/**/*.js[x]
のようなことをする必要があります。 lintingチェックを実行するwebpackビルド(またはプリコミットフック)を実行している場合は、package.json
内のscripts
オブジェクト内に追加します。
.eslintrc.json
{
"rules": {
"quotes": [ 2, "double" ]
},
"overrides": [
{
"files": [ "src/**/*.js" ],
"rules": {
"quotes": [ 2, "single" ]
}
}
]
}
.eslintignore
/someFolder
/anotherFolder
/oneMoreFolder
ignorePatterns
オプションを使用しました。 ESLintに特定のファイルとディレクトリを無視するように指示します。 IDE(ex。VS Code)が不要なファイルのエラーを報告している場合に役立ちます。
{
"ignorePatterns": ["gulpfile.js", "gulp/**/*", "webpack.config.js"]
}
.eslintignore
ファイルも使用できます。