0Pricing
TypeScript Academy · Lección

Configuración de módulos y target

Elija correctamente la configuración de module, target y lib.

Configuración de módulos y target es una lección gratuita de TypeScript Academy en CoddyKit. Esta es la lección 2 de 4. 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 4 lecciones en total.

Bienvenida

Las opciones module y target de tsconfig controlan a qué sintaxis de JavaScript compila TypeScript.

Configuración de target

target controla las características de sintaxis de JavaScript que se emiten. ES2020 es un valor predeterminado moderno y seguro.
{ "compilerOptions": { "target": "ES2020" } }

Targets habituales

ES5 para navegadores antiguos. ES2020 o posterior para entornos modernos. ESNext para las funcionalidades más recientes.

Configuración de module

module controla el sistema de módulos del JS emitido: commonjs, ES2020, NodeNext o bundler.
{ "compilerOptions": { "module": "commonjs" } }
// For ESM: "module": "ES2020" or "NodeNext"

moduleResolution

Indica cómo encuentra TypeScript los módulos. Use node16 o bundler en proyectos modernos.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Permite importar valores predeterminados desde módulos CommonJS sin usar la sintaxis * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Configuración de lib

lib especifica qué API integradas están disponibles (DOM, ES2020, etc.).
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Garantiza que cada archivo pueda transpilarse de forma independiente; es obligatorio para esbuild/Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Exige usar import type para las importaciones que solo contienen tipos. Sustituye a la antigua opción importsNotUsedAsValues.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Configuración de jsx

En proyectos de React, establezca jsx en react-jsx o react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Permite importar archivos JSON con inferencia de tipos.
{ "compilerOptions": { "resolveJsonModule": true } }

Comprobación rápida

¿Qué controla la opción `target` de tsconfig?

Recapitulación

Configuración de module y target: ha dominado los conceptos y patrones clave.

Preguntas frecuentes

¿La lección «Configuración de módulos y target» es gratis?

Sí — el texto completo de «Configuración de módulos y target» 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 4 lecciones en total.

¿Qué aprenderé en «Configuración de módulos y target»?

Elija correctamente la configuración de module, target y lib. 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 2 de 4.

¿Cuánto tiempo toma la lección «Configuración de módulos y target»?

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. La opción strict y lo que habilita
  2. Configuración de módulos y target
  3. Alias de rutas y baseUrl
  4. Compilaciones incrementales y archivos de declaraciones
← Volver a TypeScript Academy