IconMainDarkMOROBUIconMainLigthMOROBUIconMainDarkMOROBU

TypeScript Import

Brandon M. · 20 de julio de 2026

¿Pa que nos sirve el import en TypeScript?

En TypeScript, como en prácticamente todos los lenguajes de programación, podemos importar código para que no todo viva en un solo archivo, básicamente nos sirve para eso, ahora...

¿De donde importamos ese código?

Tenemos tres zonas desde donde vamos a mandar a llamar código dependiendo de la donde llamemos el código sera la sintaxis de la ruta:

  1. Librerías instaladas.
    1. Para llamarlo directamente escribimos el nombre de la librería como 'axios' o 'react'
  3. Un archivo propio/local.
    1. Para llamarlo solamente tenemos que poner la ruta.
    2. Por archivo local literalmente nos referimos a un archivo que esta dentro de tu proyecto.
  5. Módulos propios de Node.js

Sintaxis de Import

Ora, así como tenemos de donde importar también tenemos diferentes sintaxis pa importar, cada una tiene su uso, pero en si las puedes combinar paps, ahí va.

1- Import nombrado

Este se usa cuando vas a importar de varias cositas de un archivo, tenemos por decirlo así, dos variantes, cuando importas un solo elemento (funciones, variables, interfaces)

typescript
import { crearDogo} from './serviceDogo';

O cuando importas de varios, que lo unico que haces es separarlos con una coma.

typescript
import { crearDogo, DogoPropiedades, acariaciarDogo} from './serviceDogo';

En si la sintaxis es sencilla definimos lo que queremos importar y de donde entre {}

2- Import renombrado

Es literal casi lo mismo pero al importar renombramos, solo eso xd, sirve mucho para evitar colisiones por ejemplo si ambos archivos usan el mismo tipo o etc apa.

typescript
import { Doguito as dogoUsuario } from './dogos/dogo_u';

3- Import defualt

Acá se usa cuando llamamos generalmente a una librería pero también si un archivo solamente tiene un export principal, solo que acá dejamos de usar los {}

typescript
import dogo from 'dogo';

4- El combinado

Básicamente combinamos el defualt con el nombrado o el renombrado.

typescript
import dogo, { usuarioDogo, dogoLadrido } from 'dogo';

5- Con el asterisco

Basiclly, es eso importas todo como un grupo y al momento de utilizarlo solo llamas al grupo seguido de específicamente que quieres usar, al definirlo quedaría algo como:

typescript
import * as dogoUtils from './dogoUtils';

Y pa usarlo queda algo como:

typescript
const dogo = dogoUtils.ladra(5);

Conclusión

Pues algo en fa mis estimados, la neta tampoco es como que sea tanto show esto del importa pero una repasadita a nadie le cae mal.

Cómo Usar IMPORT en TypeScript: Sintaxis y Ejemplos | MOROBU