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
  1. Añadimos el plugin a la configuración de Babel:
{
  "plugins": [
    ["module-resolver", {
      "root": ["./src"],
      "alias": {
        "test": "./test",
        "underscore": "lodash"
      }
    }]
  ]
}
  1. Para utilizarlo con ESLint, añadimos las siguientes librerías:
  1. Para utilizarlo con VS Code, configuramos el path mapping en jsconfig.json:
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "*": ["src/*"],
      "test/*": ["test/*"],
      "underscore": ["lodash"]
    }
  }
}