0Pricing
TypeScript Academy · Lección

Declaraciones, mapas de origen y exportaciones de tipos

Genere archivos de declaración, active mapas de origen para depurar y aprenda estrategias para exportar tipos.

Declaraciones, mapas de origen y exportaciones de tipos es una lección gratuita de TypeScript Academy en CoddyKit. Esta es la lección 3 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de TypeScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de TypeScript Academy incluye 3 lecciones en total.

Introducción

Objetivo: Aprenda a producir archivos de declaración, habilitar mapas de origen y exportar tipos con claridad.

Declaraciones

Habilite declaration: true para generar archivos .d.ts junto con el resultado JS.

// tsconfig.json
{
  "compilerOptions": {
    "declaration": true,
    "outDir": "dist"
  }
}

emitDeclarationOnly

Utilice emitDeclarationOnly para producir únicamente declaraciones de tipos (sin JS) para bibliotecas.

// tsconfig.json
{
  "compilerOptions": {
    "emitDeclarationOnly": true,
    "outDir": "types"
  }
}

Mapas de origen

Los mapas de origen permiten depurar TS en navegadores o Node, relacionando el código JS con el código TS original.

// tsconfig.json
{
  "compilerOptions": {
    "sourceMap": true
  }
}

Campo types de package.json

Utilice el campo types o typings de package.json para indicar las declaraciones de entrada.

// package.json
{
  "types": "dist/index.d.ts"
}

Reexportación

Reexporte los tipos para mantener clara la API pública. Combínelos con declaration para los consumidores.

// src/index.ts
export type { User, Config } from "./models";
export { createClient } from "./client";

Pregunta

Comprobación rápida: ¿Qué opción del compilador habilita la generación de archivos .d.ts?

Repaso

Repaso: declaration crea archivos .d.ts, emitDeclarationOnly genera únicamente tipos, sourceMap facilita la depuración y las reexportaciones dan forma a su API pública.

Preguntas frecuentes

¿La lección «Declaraciones, mapas de origen y exportaciones de tipos» es gratis?

Sí — el texto completo de «Declaraciones, mapas de origen y exportaciones de tipos» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de TypeScript Academy, actualiza a CoddyKit PRO. El curso de TypeScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «Declaraciones, mapas de origen y exportaciones de tipos»?

Genere archivos de declaración, active mapas de origen para depurar y aprenda estrategias para exportar tipos. Practicas TypeScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar TypeScript Academy?

No se requiere experiencia previa. TypeScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 3.

¿Cuánto tiempo toma la lección «Declaraciones, mapas de origen y exportaciones de tipos»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de TypeScript Academy?

Sí. Cada lección de TypeScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Emisión de tsc frente a noEmit y bundlers
  2. Fundamentos de Vite, esbuild, SWC y Rollup
  3. Declaraciones, mapas de origen y exportaciones de tipos
← Volver a TypeScript Academy