ESLint错误/警告应阻止在React中编译(创建React应用程序)



我有一个react项目,用create-areact-app初始化。我为我的项目集成了Airbnb Eslint规则,一切都很好!但我还想做一件事:当我违反Eslint规则时,我不仅想在"问题"选项卡(VSCode(中显示我的错误/警告,还想阻止反应脚本编译我的代码并在终端中显示它们。

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

伙计们,你们觉得我的问题有什么解决办法吗?

您可以将linter和编译器链接起来:

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

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

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

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

最新更新