🔥 MODULES, TYPESCRIPT MODULES (MÓDULOS EN TYPESCRIPT)

Hay tres factores a considerar cuando escribimos módulos en TypeScript.

• La syntaxis: Que sintaxis quiero utilizar para importar/exportar cosas.
• La resolucion del módulo: ¿Cuál es la relación entre los nombres de los módulos (o sus rutas) y los archivos en disco?
• Módulo de salida objetivo: ¿Cómo debería lucir el archivo JavaScript generado por mi módulo?

Sintaxis de ES

// @filename: hola-mundo.js
export default function holaMundo() {
    console.log('Hola, Mundo!')
}

Después esto se importa de esta forma:

import hola from './hola-mundo.js'

Además de la expresión default export, podemos exportar mas variables, funciones, clases, types, etc. utilizando export adicionales omitiendo la palabra default.

// @filename: math.js
export const pi = 3.1416
export default class MiClase {}

Esto puede ser utilizado en otro módulo de la siguiente forma:

import { pi } from './math'

Uso de aliases

También es posible utilizar un alias al momento de importar desde otros módulos.

import { pi as valorDePi } from './math'

Se pueden combinar estas formas de importar.

import MiClase, { pi } from './math'

O incluso se pueden importar todos los elementos exportables dentro de otro contenedor o namespace.

import * as math from './math'

console.log(math.pi) // <- 3.1416

Un caso mas es cuando importamos un módulo sin utilizar ninguno de los elementos que lo componen.

import './math'