Alias para las importaciones en Vue

En Vue, para evitar tener sintaxis como la siguiente al momento de ir cargando componentes aparte desde distintas ubicaciones de tu proyecto:

import Base from "../../components/Base" 

La cual se complica más, dependiendo de donde importamos; por ejemplo si estamos en ubicaciones más internas y tenemos que navegar a archivos superiores; tenemos que seguir con esta navegación.

En vez de usar este tipo de sintaxis, podemos usar un alias, en cual apunta directamente a la carpeta source (src) de nuestro proyecto; por lo tanto, sin importar de donde se encuentren nuestros elementos, siempre tenemos un acceso directo a nuestra carpeta src; con esto nuestras importaciones quedan muchas más concisas, legibles y directas; para esto, tenemos que usar el arroba @:

import Base from "@/components/Base"

Acepto recibir anuncios de interes sobre este Blog.

Alias para las importaciones en Vue

- Andrés Cruz

In english