DEV Community

Discussion on: Adios ../../../.. relative imports JS

Collapse
 
junihh profile image
Junior Hernandez • Edited

Vue CLI tiene "@". Es un shorthand que hace referencia al root del "src", de manera que si escribes "@/components/mycomponent.js", estás escribiendo "src/components/mycomponent.js".

Hace dos años salió público Vite.js, un loader package creado por Evan You (creador de Vue). Lo desarollo con el fin de reemplazar a WebPack en Vue CLI por un compilador más rápido. Vite usa "esbuild", que está programado en Go.

Vite no tiene el "@", pero puedes escribir esto:
"/src/components/mycomponent.js"

Es mejor que el imposible:
"../components/mycomponent.js"

Y sus derivados.

Para quienes piensen que es solo para Vue, puede usarse para programar Vue, React, Svelte, javascript vanilla y TypeScript.

Definitivamente el mejor reemplazo a "create-react-app". Lo he usado en dos proyectos en React y no pretendo volver atrás con ningún otro.