Почему eslint не вотчит (watch) мои файлы?

Question

[Unknown]

Привет!
Не могу понять почему eslint не вотчит мои файлы после установки по гайду на офф сайте (eslint --init). В целом я хочу чтобы eslint указывал на мои ошибки когда я использую:
- React;
- PropTypes;
- Redux;
- Styled-components (ну если есть для этого правила, почему бы и нет);

Собираю естественно вебпаком
Конечно, eslint нужен мне только для Develompent режима

package.json

"eslint": "^4.19.1",
    "eslint-plugin-react": "^7.10.0",

Конфиг eslintrc.json который генерится автоматически после "eslint --init"

{
    "env": {
        "browser": true,
        "commonjs": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaFeatures": {
            "experimentalObjectRestSpread": true,
            "jsx": true
        },
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "indent": [
            "error",
            "tab"
        ],
        "linebreak-style": [
            "error",
            "unix"
        ],
        "quotes": [
            "error",
            "single"
        ],
        "semi": [
            "error",
            "always"
        ]
    }
}

Таким образом, я могу линтить через консоль. Но я хочу чтобы проверка происходила тогда когда я пишу код. Для прошлых проектов у меня корректно работал линтер, но тогда я использовал пресеты rollup и airbnb, тогда проблем не возникало.

Неужели нужен отдельный лоадер для линтера и прочий гемор?

Comments

[Антон Спирин]

IDE какая?

[Unknown]

Антон Спирин, для этого проекта юзаю VSC, для верности проверяю в PHPStorm

[Антон Спирин]

Unknown, в PHPStorm ESLint должен быть включен в настройках Preferences > Languages & Frameworks > JavaScript > Code Quality Tools > ESLint .
По VSC не подскажу

[Unknown]

Антон Спирин, хмм, но раньше работал без включения, просто за счет зависимостей.
Или может быть я чего-то не знал :|

UPD: dbaeumer.vscode-eslint затащил. Видимо для подключения и вправду нужно устанавливать доп. плагины в редактор, а я и забыл об этом, точно же

Спасибо сир :)

[Антон Спирин]

Unknown, должен автоматом определять, да.
У меня конфиг обычно .eslintrc без расширения и eslint в зависимостях node_modules. Определяется автоматом.

Answer 1

[FUNNYDMAN]

Проблема решается путем установки необходимых плагинов для Вашей IDE.

Comments

[Unknown]

с webpack-dev-server знаком, спасибо
т.е. если заюзаю лоадер у меня будут появляться ошибки на полях редактора в реальном времени, как я хочу?

[FUNNYDMAN]

Не совсем понимаю, что значит на полях редактора. lint пишит все предупреждения и ошибки в консоль. Я использую pycharm, там есть возможность конфигурировать вывод ошибок в самих файлах. В простых редакторах это, возможно, можно сделать с установкой доп. плагинов.

[Unknown]

FUNNYDMAN, да, поставил плагин и все заработало, спасибо за ответ :)

UPD: в редакторе ошибки выглядят так, имхо это удобней чем смотреть в консоль

[FUNNYDMAN]

Unknown, в таком случае, не забудьте отметить мой ответ)

[Unknown]

FUNNYDMAN, оставьте новый ответ сир, где будет сказано о необходимости использования плагина, чтобы не вводить людей в заблуждение

[FUNNYDMAN]

Unknown, Вы правы.