禁用 create-react-app 提供的 ESLint

Question

create-react-app v3.0.0 已发布。它在内部支持 TypeScript linting。 （太好了！）我想我了解 TSLint 开启的情况，并计划用 ESLint 替换它，但现在不是。

如何在 react-scripts start 中禁用该 linting 步骤？

/* eslint-disable */ 其他不是我要找的。

原文由 Ginpei 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

从 react-scripts ，您现在可以使用环境变量选择退出 ESLint。您可以通过将其添加到您的 .env 文件中，或者通过在您的 package.json 文件中为您的脚本添加前缀来做到这一点。

例如在 .env 中：

 DISABLE_ESLINT_PLUGIN=true

或者在你的 package.json 中：

 {
  "scripts": {
    "start": "DISABLE_ESLINT_PLUGIN=true react-scripts start",
    "build": "DISABLE_ESLINT_PLUGIN=true react-scripts build",
    "test": "DISABLE_ESLINT_PLUGIN=true react-scripts test"
  }
}

https://github.com/facebook/create-react-app/pull/10170

原文由 sargunv 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以将 EXTEND_ESLINT 环境变量设置为 true ，例如在 .env 文件中：

 EXTEND_ESLINT=true

现在您可以在 package.json 文件中扩展 eslint 配置：

 ...
"eslintConfig": {
    "extends": "react-app",
    "rules": {
      "jsx-a11y/anchor-is-valid": "off"
    }
  },
...

要禁用 eslint，您可以添加一个文件 .eslintignore 其内容为：

 *

有关详细信息，请参阅文档： https ://create-react-app.dev/docs/setting-up-your-editor/#experimental-extending-the-eslint-config

原文由 kodemi 发布，翻译遵循 CC BY-SA 4.0 许可协议