在哪里放置 ESLint 规则/例外?

Question

我正在遵循这个 React JS 教程。

它抛出了一些jsx-a11y/anchor-is-valid错误。

我发现了一个黑客，将以下代码添加到我假设的.eslintrc文件中：

{
"rules": {
"jsx-a11y/anchor-is-valid": [ "error", {
"components": [ "Link" ],
"specialLink": [ "to" ]
}]
}
}

但是我不知道它在哪里，或者我是否应该在src文件夹中创建它。我是否向package.json文件中添加任何内容？

Answer 1

这可以是.eslintrc.*文件的形式，也可以是package.json文件中的eslintConfig字段，ESLint 将自动查找和读取这两个字段，也可以在命令行上指定配置文件。

在package.json中：

{
"name": "mypackage",
"version": "0.0.1",
"eslintConfig": {
"rules": {
"jsx-a11y/anchor-is-valid": [ "error", {
"components": [ "Link" ],
"specialLink": [ "to" ]
}]
}
}
}

这需要在项目的根级别