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取決於您的版本）