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