javascript - ESLint 错误/警告应该阻止在 React 中编译(create-react-app)

Question

我有一个使用 create-react-app 初始化的 react 项目。我为我的项目集成了 Airbnb Eslint 规则，一切正常!但是我还想做一件事:当我违反 Eslint 规则时，我不仅要在问题选项卡 (VSCode) 中显示我的错误/警告，还要防止 react-scripts 编译我的编码并在终端中显示它们。

附言。我不想弹出我的项目并修改 webpack 配置，但我愿意使用 react-app-rewired 库。

那么，各位，我的问题有什么解决方法吗？

Answer 1

你可以链接你的 linter 和你的编译器:

eslint "./src/**" && <<your_compiler>>

如果您正在使用可以在 package.json 中的脚本下制作的 npm:

"scripts": {
"test": ...
"build": "eslint ./src/** && <<your_compiler>>",
...
}

然后执行npm run build(或npm build，具体取决于您的版本)