DEV Community

Cover image for Así puedes abreviar los imports en angular
Danniel Navas
Danniel Navas

Posted on • Edited on

Así puedes abreviar los imports en angular

En muchas ocasiones importando nuestros módulos o diferentes funcionalidades custom quedamos con rutas como estas:



import { Youtube } from '../../../core/models/youtube/youtube';


Enter fullscreen mode Exit fullscreen mode

lo que nos ocasiona un desagrado visual y a futuro algo poco mantenible.

Para esto utilizaremos lo denominado short links y mejoraremos la visual de nuestras importaciones, solo necesitaremos nuestro file tsconfig.json el cual se encuentra en la raíz de nuestro proyecto.

Sobre este empezaremos agregando el atributo paths dentro de compilerOptions, en este crearemos un objeto json que contendrá todas las rutas a las cuales queremos acortar la importación, como resultado tendremos algo parecido a esto:

Alt Text

Configurado la próxima vez que importemos será algo parecido a:



import { Youtube } from '@core/models/youtube/youtube';


Enter fullscreen mode Exit fullscreen mode

Espero te ayudara con una mejora sobre tus proyectos actuales y próximos.

Gracias por leer.

Top comments (0)