Featured image of post ESLint Flat Config: La nueva configuraciónFeatured image of post ESLint Flat Config: La nueva configuración

ESLint Flat Config: La nueva configuración

Complete guide to migrating from legacy .eslintrc to ESLint flat config system. Covers new format, plugin compatibility, TypeScript integration, Prettier setup, and performance gains.

ESLint Flat Config (v9+) reemplaza el formato jerárquico .eslintrc con un sistema de configuración plano basado en arrays de objetos.

Diferencias clave

Un solo archivo eslint.config.js. Sin herencia de configuraciones anidadas. Las reglas se evalúan en orden. Adiós a .eslintrc, extends, overrides.

Sintaxis

export default [
  { rules: { 'no-unused-vars': 'error' } },
  { files: ['**/*.ts'], rules: { '@typescript-eslint/no-explicit-any': 'error' } }
];

Migración

Usa eslint --flag unstable_flat_config para probar. @eslint/migrate-config convierte .eslintrc. Las configuraciones populares (typescript-eslint, eslint-plugin-react) ya soportan flat config.

Ventajas

Composición explícita, sin sorpresas de herencia, mejor rendimiento, integración directa con TypeScript y Prettier.