Reactjs 如何在React中从eslint解析器中排除css文件
我需要从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 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检查eslint src/a.css src/b.js src/c
和src/a.css
,因为它们是显式传递的,然后自己遍历src/b.js
和lintssrc/c
。这甚至包括直接位于src/c/e.js
中的非js文件,并且完全忽略了src
子目录中的src
文件.jsx
告诉eslint使用默认的eslint-src
扩展名自己遍历.js
,因此它lintssrc
和src/b.js
但错过了src/c/e.js
src/c/f.jsx
告诉eslint自己遍历eslint--ext js,jsx src
,包括src
和.js
文件,因此它将lints.jsx
,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文档。。。他们肯定会有一个你想要的例子。