Що таке плагін у ESLint?
Плагін в ESLint - це розширення, яке додає лінтеру додаткові правила, налаштування або можливості аналізу коду. По суті, ESLint має базовий набір перевірок, а плагіни дозволяють доповнювати його логікою, потрібною під конкретні технології, бібліотеки або стандарти.
Що робить плагін
Плагін може:
- додавати свої правила (
rules) - постачати готові набори конфігурацій (
configs) - вмикати підтримку специфічних синтаксисів або угод
- перевіряти код, пов'язаний з конкретним стеком (React, Vue, імпорт модулів тощо)
Коли плагіни потрібні
Наприклад:
| Плагін | Навіщо |
|---|---|
eslint-plugin-react | перевірка правильності коду в React-компонентах |
eslint-plugin-import | контроль коректності та порядку імпортів |
eslint-plugin-vue | лінтинг Vue SFC |
@typescript-eslint/eslint-plugin | правила для TypeScript |
Без плагінів ESLint не знає про специфіку цих технологій.
Як плагін підключається
У .eslintrc це виглядає так:
json
{
"plugins": ["react"],
"rules": {
"react/jsx-uses-react": "warn"
}
}plugins - реєструє плагін,
rules - вмикає конкретні правила з нього.
Суть в одному реченні
Плагін ESLint - це модуль, який додає нові правила і розширення, дозволяючи лінтеру аналізувати код у контексті потрібного фреймворка, мови або угод.
Плагіни роблять ESLint гнучким і адаптовним під будь-який проєкт.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.