Ошибки / предупреждения ESLint должны препятствовать компиляции в React (create-реагировать-приложение)

Question

У меня есть реаги проект, инициализированный create-Reaction-app . Я интегрировал правила Airbnb Eslint для своего проекта, и все работает отлично! Но есть еще одна вещь, которую я хочу сделать: когда я нарушаю правило Eslint, я хочу не только показывать свои ошибки / предупреждения на вкладке ПРОБЛЕМЫ (VSCode), но и мешать response-scripts компилировать мой код и отобразить их в терминале.

PS. Я не хочу извлекать свой проект и изменять конфигурацию веб-пакета, но я открыт для использования библиотеки response-app-rewired .

Итак, как вы думаете, ребята, есть обходной путь по моей проблеме?

Answer 1

Вы можете связать свой линтер и ваш компилятор:

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

Если вы используете npm, это можно сделать с помощью скриптов в пакете. json:

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

и затем выполните npm run build (или npm build в зависимости от вашей версии)