Why eslint can't detect all files in the directory, but can detect single file?

Question

This is my directory structure.

I want to config some eslint rule to detect my code.

In .eslintrc, I write these configuration items.

{
  "extends": "airbnb",
  "rules": {
    "valid-jsdoc": 2,
    // Disable until Flow supports let and const
    "no-var": 0,
    "react/jsx-uses-react": 1,
    "react/jsx-no-undef": 2,
    "react/wrap-multilines": 2,
    "func-names": 0,
    "new-cap": 0,
    "no-undef": 0,
  },
  "plugins": [
    "react"
  ]
}

I have used npm script to run eslint.

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

Normally, when I run npm run lint, it will detect all the files in src directory.

But, unfortunately, nothing output.

I don't know why. I guess maybe I have writed wrong configuration items. But after I write npm scripts "lint": "eslint src/component/App.jsx", eslint works.

So where is the problems? Eslint can detect single file well, but it can't detect all the files in some directory.

Solution

when you run eslint src, by default its looking for all the files with .js extension. I think in your case you want to change command to eslint src --ext .js,.jsx. This will look for all the files inside src with .js and/or .jsx extensions. (personally recommend)

If you want to use glob to solve this issue then you can change your cmd to eslint src/**/*.jsx

CLI docs: http://eslint.org/docs/user-guide/command-line-interface

Glob patterns help: http://eslint.org/docs/user-guide/configuring#ignoring-files-and-directories