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

Question

我有一个用create-react-app初始化的反应项目。 我为我的项目集成了 Airbnb Eslint 规则，一切正常！ 但是我还想做一件事：当我违反 Eslint 规则时，我不仅要在“问题”选项卡（VSCode）中显示我的错误/警告，还要防止反应脚本编译我的代码并在终端中显示它们.

附注。 我不想弹出我的项目并修改 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取决于您的版本）