ESLint仅针对特定目录（eslintrc，create-react-app）

Question

我有一个类似于以下的文件夹结构：

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

我正在使用create-react-app并正在使用airbnb规则。我已经能够从CLI轻松地在特定文件夹中运行linter，但在编译时，它针对所有文件夹。

我只想在/ src文件夹中的文件上运行linter 。

我该怎么办？我已经尝试了多种解决方案。

谢谢！

TL：DR使用eslint和create-react-app时，如何只针对一个子文件夹及其所有文件进行编译？

Answer 1

我使用了ignorePatterns选项。它会告诉 ESLint 忽略特定的文件和目录。当您的 IDE（例如 VS Code）报告不需要的文件中的错误时，它很有用。

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

您也可以使用该.eslintignore文件。

Answer 2

您需要做类似的事情eslint src/**/*.js[x]。如果您正在运行的webpack构建（或预提交钩子）会进行linting检查，则将其添加到里面的scripts对象中package.json。

Answer 3

在你里面 .eslintrc.json

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

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

在 .eslintignore

 /someFolder
 /anotherFolder
 /oneMoreFolder

Answer 4

在您编写运行 lint 的脚本的地方package.json，仅提及您想要定位的文件夹

scripts:{"lint": "eslint src public"}

然后，如果您想忽略相应文件夹中的某些类型的文件，您可以在 ESLint 配置文件中提及。