Tengo dudas sobre las rutas que utiliza cada vez que importa un archivo o imagen. No se cuando debo usar ./ o …/ no me ha quedado claro eso

Andrea Vanessa Rosario Farias

Pregunta

student•hace 4 años

Jorge Cruz Perez

student•hace 4 años

En resumen: Todos los directorios contienen dos directorios especiales:

El directorio actual, representado por el punto (.) El directorio padre, representado por dos puntos (…)

por eso la razón de su uso, saludos :)

Andrea Vanessa Rosario Farias

student•hace 4 años

muchas gracias ya entendi, igual me descargue el plugin para evitar cualquier error con las rutas

andrés eduardo betancourt bescanza

student•hace 4 años

Espero que te haya quedado claro la explicación de los companeros, por mi parte te dejo un plugin de VS.

Solo con marcar ctrl + h escribes el nombre del archivo que desees y te da toda la ruta hacia ese archivo

Bernardo Ayala Montezuma

student•hace 4 años

Buenos días Andrea.

La diferencia está en que con

./

estás yendo de un solo golpe a la carpeta raíz de tu proyecto, esta es la carpeta donde tienes todas las demás carpetas como

src

dist

public

y archivos como

package.json

.gitignore

README.md

Entonces si quisieras ingresar a un archivo que está dentro de la carpeta

src

, supongamos que unos estilos en css, sin importar desde dónde lo estés importando puedes hacerlo con la siguiente ruta

./src/css/styles.css

Ahora, ¿Qué pasa si quiero importar ese estilo desde un componente que está dentro de la misma carpeta

src

Imaginemos esta estructura de carpetas:

│   ├── src
│   │   ├── components
│   │   ├── css

Si mi archivo está dentro de la carpeta

components

y necesito importar algo que está en la carpeta

css

puedo sencillamente retroceder un directorio y buscar lo que quiera dentro de la carpeta styles.

Esto precisamente es lo que hace

../

, retrocede un directorio, o "sube" un directorio, como prefieras verlo.

La ruta en este caso quedaría así

../css/styles.css

un poquito más corta que la anterior que es como más global.

El criterio para decidir cual usar depende de ti, mi criterio es que si tengo que retroceder más de dos directorios por lo general me voy con

./

, si solo tengo que retroceder uno o máximo dos (aunque odio que sean dos) entonces me utilizo

../

Roger Carlos Ariel Alba

student•hace 4 años

Hola,

Asumiendo que tu carpeta raiz es "dev" Si la imagen/archivo se encuentra en una subcarpeta de dev la ruta es:

... src="subcarpeta/imagen_archivo.extension"

Si la imagen/archivo se encuentra en una carpeta fuera de la contenedora de dev la ruta es:

... src="../imagen_archivo.extension"

Si la imagen/archivo se encuentra dos niveles antes de dev la ruta es:

... src="../../imagen_archivo.extension"

Y si mi respuesta no te ayuda, aquí la puedes ver con imágenes.

Curso de React.js [Empieza Gratis]