Новый конфиг для Eslint 9

Eslint поменял подход к созданию конфига и его особенностям его настройки. Разбираемся как перейти на новую мажорную версию для проектов на JavaScript и TypeScript.

Мои курсы по вебу с купонами:

📢 Поддержка канала:

[sno-oze]

Интересно, чем же разработчики eslint'а руководствовались, когда выпускали мажорный релиз. По мне так, конфигурировать стало существенно сложнее.
В любом случае, видео годное и нужное.

[outcast-cryy]

Михаил, ваш ютюб канал это настоящий помощник для молодых специалистов. Спасибо вам большое

[cheder]

Если вышло что-то новое и ты не понимаешь, Михаил всегда выручает)
Благодарю)

[vladpyrkov]

Спасибо большое за видео! Сам недавно пробовал настраивать новый конфиг, но там сложно разобраться, пока остальные плагины не все поддержку завезли. В итоге оставил старый конфиг пока. Но теперь буду пробовать снова

[williamthorn]

Еще biomejs появился, линтер с форматером под капотом, интересная штука. Пока выглядит как достойная альтернатива с меньшей вознёй с конфигами.

[deemon]

Разработчики еслинт испытывают терпение js сообщества, может плохо для них закончиться

[Владимир-жжм]

eslint идёт прямой дорогой к судьбе tslint

[axel-sheen]

Михаил, ты так и не сказал какие преимущества у этой версии (или я прослушал)! Ради чего все эти мучения с новым конфигом? Однако спасибо за видео, очень познавательно!

[mashush]

тоже не особо понял зачем они это все это решили обновить, причем именно в таком виде. Если взять мой старый конфиг eslint, то там все понятно - четко описаны правила, плагины, расширения, что следует игнорировать. Захотел обновится до новой версии - посмотрел, подумал, мало что понял и забил)

[pavelmelnik]

осталось мне не ясным:
- есть у меня какой-то плагин, например eslint-plugin-import. делаю import pluginImport from но там в папке config, есть файлы react.js, recommended.js, typescript.js - какой брать? у меня реакт, тайпскрипт. у каждого плагина буквально разная структура папок в пакетах и разные названия файлов. не ясно что откуда тянуть, что бы всё потом работало так как и на 8мой версии?
- pluginJs точно нужен при использовании ts?
- какие пакеты точно можно удалить, и они были нужны в 8, но уже не используются в 9той
- не ясно как теперь указывать import/resolver
- не ясно зачем мы указав какой-то плагин в обьекте с плагинами, например plugins: { pluginPrettier }, потом ниже отдельным обьеком ставим его как


update. отвечаю на свой первый вопрос - посмотрел в старый конфиг, все плагины были вида 'plugin:unicorn/recommended', с recommended в конце. можно не эксперементировать, и в новом так же повытаскивать везде рекомендеты


теперь хочется флэт конфиг разбить на подфайлы с обьектами: файл с плагинами, файл с настройками, файл ещё с чем-то и т.д. и просто скинцть импортами в конфиге. он стал какой-то неказистый


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

[BOCbMOU]

Как по мне, странное обновление. Не вижу никаких реальных плюсов от нового конфига. Улучшили читабельность? Сомнительно. Где-то она стала лучше, да, но где-то наоборот.
Печально, в общем. Дополнительный гемор в миграции без плюсов.

[Mike]

можно ли сделать, чтобы при ошибке, был вывод в браузере, как в Create React App ? вроде это - 'vite-plugin-checker' может это сделать, но с 9 верcией похоже не работает, не могу понять

[Виталик-хщ]

When searching for both Prettier and your linter on the Internet you’ll probably find more related projects. These are generally not recommended, but can be useful in certain circumstances.

First, we have plugins that let you run Prettier as if it was a linter rule:

eslint-plugin-prettier
stylelint-prettier

These plugins were especially useful when Prettier was new. By running Prettier inside your linters, you didn’t have to set up any new infrastructure and you could re-use your editor integrations for the linters. But these days you can run prettier --check . and most editors have Prettier support.

[jklyfg]

Подскажите, что за расширение для VS Code, которое показывает на 0:47 Update available?

[yanballas]

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

[cddwqio]

Приветствую. Конфиг Airbnb на flat config сейчас не натянуть ?

[io]

А можете подсказать, как использовать конфиги mjs и их синтаксис, а также как убрать ошибку от плагина vscode "eslint" ведь сам плагин поддерживает <=8.57 версию и из за чего в консоли ошибка что плагин не может считать новые конфиги

[yuriykurenkov]

Спасибо за обзор. Отличные изменения IMHO

[jewkuza]

нужны ли какие то апдейты в вебпак конфиге при использовании новой версии eslint'a?

[olgamatosova]

настраиваю линт к реакту на typescript, не могу убрать (задизейблить) ошибку 'React' must be in scope when using JSX react/react-in-jsx-scope, как в новом линте ее можно победить?