如何在React

Question

我需要从eslint解析器中排除css文件。

目前，当我运行eslint src/**时，这是检查所有文件，包括css文件。 。 请在下面找到我的eslintrc文件内容。

module.exports = {
    "parser": "babel-eslint",
    "extends": "airbnb",

    "plugins": [
        "react",
        "jsx-a11y",
        "import"
    ],
    "env" : {
      "browser": true
    }
    "rules": {
      "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    },

};

Answer 1

忽略样式的

.eslintignore 文件可以很好地工作。在里面，做这样的事情：*.css

这里有good starting point这些技术，我在阅读另一个时实际找到了 similar SO post

Answer 2

请改用eslint --ext js,jsx src。这允许ESLint自行遍历src目录，包括.js或.jsx扩展名的文件。

使用eslint src/**并忽略src/**/*.css会正确排除.css个文件，但会遗漏.jsx内的子目录中的所有src个文件。

为什么？

以此为例

src
├── a.css
├── b.js
└── c
    ├── d.css
    ├── e.js
    └── f.jsx

• eslint src/**扩展为eslint src/a.css src/b.js src/c。 ESLint检查src/a.css和src/b.js因为它们是显式传递的，然后自己遍历src/c和lints src/c/e.js。这甚至包括直接在src内的非js文件，并完全遗漏了.jsx子目录中的src个文件。
• eslint src告诉ESLint使用默认src扩展程序对.js进行自己的遍历，因此它会src/b.js和src/c/e.js但是会​​遗漏{{1} }}。
• src/c/f.jsx告诉ESLint自己遍历eslint --ext js,jsx src，包括src和.js个文件，因此它会提示.jsx，src/b.js和src/c/e.js。