Есть ли правила линтера, ограничивающие импорт не из индексных файлов?

Что такое индексные файлы и зачем их использовать?

Индексные файлы (обычно index.js или index.ts) служат точкой входа для модуля, экспортируя только публичное API. Это скрывает внутреннюю структуру и упрощает рефакторинг.

Правила линтера для контроля импортов

ESLint с плагином eslint-plugin-import предоставляет несколько правил для ограничения импортов:

• import/no-internal-modules — запрещает импорт из внутренних файлов модуля, разрешая только из индексных файлов.
• no-restricted-imports — позволяет вручную задать список запрещённых путей.

Пример настройки

// .eslintrc.js
module.exports = {
  plugins: ['import'],
  rules: {
    'import/no-internal-modules': ['error', {
      allow: ['src/components/*/index']
    }]
  }
};

В этом примере разрешён импорт только из индексных файлов внутри папок компонентов.

Практический пример

// Запрещено:
import Button from './components/Button/Button';

// Разрешено:
import { Button } from './components/Button';

Первый импорт обращается напрямую к файлу Button, второй — через индексный файл, который реэкспортирует компонент.

Вывод

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