如何在 create-react-app 项目中在运行时覆盖默认的 .eslint 规则

Question

我刚刚尝试更新到 create-react-app 4，并且有大量 typescript eslint 警告，尤其是 函数 @typescript-eslint/explicit-module-boundary-types 缺少返回类型

有没有办法在运行时覆盖 .eslintrc.json 文件中的这些？ 当我显式执行时，我目前已经为我的项目提供了覆盖

npm run lint

但是当我使用 npm run start 时，我会收到大量我似乎无法控制的 lint 警告。

有什么办法吗？

Answer 1

原来有一种方法可以覆盖 .eslint 规则。

1. 在您的根目录中创建一个 .env 文件（如果您没有的话）。
2. 将以下内容作为新行添加到其中：EXTEND_ESLINT=true
3. 以您喜欢的方式扩展 lint 规则。我使用.eslintrc.json，但存在其他机制

现在有了这些，看看 react 中包含的规则，它们存在于 node_modules\eslint-config-react-app\index.js 并将您喜欢的规则复制到您的规则部分。

您可能还需要特别注意覆盖部分，您可以在上面的文件中看到其示例，如果您的项目中有 js，您可能需要删除默认解析器，

parser: 'babel-eslint' 然后只覆盖打字稿文件。