如何在 reactjs 中禁用开发模式的 eslint 检查

Question

我已经为 reactjs 项目中的每个提交（预提交挂钩）成功地将 eslint 配置为运行。它运行s 在向终端发送 git 提交命令后正确。

这是我的 package.json

  "scripts": {
    ......
    "lint": "eslint src --ext .tsx .",
    "lint:fix": "eslint src --ext .tsx --fix",
    "precommit": "lint-staged",
    "prepare": "husky install",
    "format": "prettier --write \"src/**/*.tsx\"",
    ......
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.(ts|tsx)": [
      "prettier --write .",
      "eslint src --ext .tsx --fix .",
      "git add ."
    ]
  },

但我不希望 eslint 在开发模式下检查规则（by 运行ning npm run start）。

例如，我将 no-console 规则设置为 error 以防止用户使用其中的 console.log 提交代码，但是当我尝试使用 console.log 时开发模式显示登录控制台，它通过 lint check

抛出错误

如何配置它？

谢谢大家

Answer 1

我自己从这里找到了解决方案编辑 .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"
  }
}

如何在 reactjs 中禁用开发模式的 eslint 检查

How to disable eslint check on development mode in reactjs

pre-commit

reactjs

eslint