# Configuración de un proyecto con Next.js

# Babel

# Plugins

# module-resolver

Un plugin de Babel que nos permite añadir nuevos "directorios raíz" donde almacenamos los módulos de la aplicación.

Por ejemplo, en vez de utilizar paths relativos como ../../../../utils/my-utils, ahora podremos escribir simplemente utils/my-utils.

1. Instalamos el plugin:

npm install -D babel-plugin-module-resolver

2. Añadimos el plugin a la configuración de Babel:

{
  "plugins": [
    ["module-resolver", {
      "root": ["./src"],
      "alias": {
        "test": "./test",
        "underscore": "lodash"
      }
    }]
  ]
}

3. Para utilizarlo con ESLint, añadimos las siguientes librerías:

• eslint-plugin-import
• eslint-import-resolver-babel-module
• eslint-plugin-module-resolver

4. Para utilizarlo con VS Code, configuramos el path mapping en jsconfig.json:

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "*": ["src/*"],
      "test/*": ["test/*"],
      "underscore": ["lodash"]
    }
  }
}