0Pricing
TypeScript Academy · Aula

Configuração de módulos e destino

Escolha as configurações corretas de module, target e lib

Configuração de módulos e destino é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de TypeScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de TypeScript Academy inclui 4 aulas no total.

Boas-vindas

As configurações module e target no tsconfig controlam para qual sintaxe de JavaScript o TypeScript compila o código.

Configuração target

target controla quais recursos de sintaxe do JavaScript são emitidos. ES2020 é um padrão moderno e seguro.
{ "compilerOptions": { "target": "ES2020" } }

Targets comuns

ES5 para navegadores legados. ES2020+ para ambientes modernos. ESNext para os recursos mais recentes.

Configuração module

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

moduleResolution

Define como o TypeScript encontra módulos. Use node16 ou bundler em projetos modernos.
{ "compilerOptions": { "moduleResolution": "bundler" } }

esModuleInterop

Permite importações padrão de módulos CommonJS sem a sintaxe * as.
{ "compilerOptions": { "esModuleInterop": true } }
import express from 'express'; // instead of * as express

Configuração lib

lib especifica quais APIs incorporadas estão disponíveis (DOM, ES2020 etc.).
{ "compilerOptions": { "lib": ["ES2020", "DOM"] } }

isolatedModules

Garante que cada arquivo possa ser transpilado de forma independente — requisito do esbuild/Babel.
{ "compilerOptions": { "isolatedModules": true } }

verbatimModuleSyntax

Impõe o uso de import type para importações exclusivas de tipos. Substitui importsNotUsedAsValues, que era usado anteriormente.
{ "compilerOptions": { "verbatimModuleSyntax": true } }

Configuração jsx

Em projetos React, defina jsx como react-jsx ou react.
{ "compilerOptions": { "jsx": "react-jsx" } }

resolveJsonModule

Permite importar arquivos JSON com inferência de tipos.
{ "compilerOptions": { "resolveJsonModule": true } }

Verificação rápida

O que a opção `target` no tsconfig controla?

Recapitulação

Configuração de módulos e target: você dominou os principais conceitos e padrões.

Perguntas Frequentes

A aula “Configuração de módulos e destino” é grátis?

Sim — o texto completo de “Configuração de módulos e destino” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de TypeScript Academy, atualize para CoddyKit PRO. O curso de TypeScript Academy inclui 4 aulas no total.

O que vou aprender em “Configuração de módulos e destino”?

Escolha as configurações corretas de module, target e lib Você pratica TypeScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar TypeScript Academy?

Nenhuma experiência prévia é necessária. TypeScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.

Quanto tempo leva a aula “Configuração de módulos e destino”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de TypeScript Academy?

Sim. Cada aula de TypeScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. A flag strict e o que ela habilita
  2. Configuração de módulos e destino
  3. Aliases de caminhos e baseUrl
  4. Compilações incrementais e arquivos de declaração
← Voltar para TypeScript Academy