Reactjs 如何在React中从eslint解析器中排除css文件

Reactjs 如何在React中从eslint解析器中排除css文件,reactjs,eslint,babeljs,eslint-config-airbnb,Reactjs,Eslint,Babeljs,Eslint Config Airbnb,我需要从eslint解析器中排除css文件 当前,当我运行eslint src/**时,这将检查所有文件,包括css文件。 请在下面找到我的eslintrc文件内容 module.exports = { "parser": "babel-eslint", "extends": "airbnb", "plugins": [ "react", "jsx-a11y", "import" ], "env" : {

我需要从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"] }],
    },

};
.eslintignore文件忽略样式会很好地工作。在内部,执行如下操作:
*.css

这里有一个关于这些技术的例子,我在阅读另一篇文章时发现,

使用
eslint--ext js,jsx src
。这允许ESLint自己遍历
src
目录,包括扩展名为
.js
.jsx
的文件

使用
eslint src/**
并忽略
src/**.css
将正确排除
.css
文件,但它将丢失
src
内子目录中的任何
.jsx
文件

为什么? 以此为例,

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文件,并且完全忽略了
    src
    子目录中的
    .jsx
    文件
  • eslint-src
    告诉eslint使用默认的
    .js
    扩展名自己遍历
    src
    ,因此它lints
    src/b.js
    src/c/e.js
    但错过了
    src/c/f.jsx
  • eslint--ext js,jsx src
    告诉eslint自己遍历
    src
    ,包括
    .js
    .jsx
    文件,因此它将lints
    src/b.js
    src/c/e.js
    src/c/f.jsx

.eslintignore
文件忽略样式会很好地工作。可能是这样的:
*.css
src/***.css
。另外,您是否尝试过将eslint“root”设置为关注的文件夹,这样可以简化工作?谢谢。它起作用了!。您是否还可以指定如何从eslintmy bad中删除jsx-a11y/href no hash valdiations,“root”实际上将设置为true,但仅在该设置为true的目录上下文中,即在“src/.eslintinegore”中。请参阅:我刚刚将*.css添加到.eslintignore文件weet。关于第二个问题,我将查看eslint/jsx-a11y文档。。。他们肯定会有一个你想要的例子。