将警告视为ReactJs中的错误

Question

如何在reactjs项目中输出警告显示为错误？比如在gcc或cc编译器中使用-Werror标志。

我想要一种行为，而不是记录器记录

  

编制警告。

     

这里有一些警告

而不是记录

  

编译错误。

     

此处的某些警告被视为错误

或者，在警告解决之前，甚至不编译。

Answer 1

我认为你应该使用像ESLint这样的Linting工具，让你发现JavaScript代码的问题而不执行它。它有一个反应ESLint-plugin-React的插件。

您可以启用您想要使用的规则，并将警告显示为错误。

"rules": {
  "react/jsx-uses-react": "error",
  "react/jsx-uses-vars": "error",
}

或使用所有规则。

查看this博文，了解设置详情。

Answer 2

“-max-warnings可以达到这个目的：--max-warnings = 0表示任何警告都会导致eslint报告错误。”

在package.json中

"scripts": {
    "lint": "eslint . --max-warnings=0",
  },

来源： https://github.com/eslint/eslint/issues/2309#issuecomment-219828044