ANÚNCIO

~/questoes/programacao

Qual ferramenta é responsável por compilar TypeScript em JavaScript?

Responda, confira o feedback e use o resultado para orientar sua revisão.
Para fixar

tsc: O Compilador TypeScript

Conceito central

O tsc (TypeScript Compiler) é a ferramenta oficial responsável por transformar código TypeScript em JavaScript executável. Sem essa compilação, o TypeScript não pode rodar em navegadores ou servidores Node.js, pois eles entendem apenas JavaScript.

Por que essa resposta faz sentido

O tsc é o compilador padrão do TypeScript que realiza a transformação do código digitado em TypeScript para JavaScript que o navegador e o servidor conseguem executar. Essa é a ponte essencial entre o código tipado que você escreve e o código JavaScript que realmente roda em produção.

Armadilhas comuns

  • Confundir tsc com bundlers como Webpack ou Vite. Bundlers usam tsc, mas fazem muito mais além de compilar.
  • Achar que ESLint compila TypeScript. ESLint apenas verifica o código; a compilação é responsabilidade do tsc.
  • Pensar que TypeScript roda nativamente no navegador sem compilação. TypeScript sempre precisa ser compilado para JavaScript antes de executar.

Entenda as alternativas

A

Vite é um bundler e dev server moderno, não um compilador TypeScript puro. Ele usa o tsc internamente para compilar TypeScript, mas também faz bundling, otimização e serve os arquivos. Vite completa o trabalho que o tsc começa.

B

ESLint é uma ferramenta de linting que encontra problemas de código e estilo, não um compilador. ESLint e tsc trabalham juntos: tsc transforma TypeScript em JavaScript, enquanto ESLint verifica a qualidade do código.

C

Webpack é um bundler que agrupa módulos, mas não substitui o tsc. Na verdade, Webpack precisa do tsc (ou de outro compilador) para transformar TypeScript em JavaScript antes de fazer o bundling. Um não funciona sem o outro.

D

O tsc é exatamente isso: o compilador oficial do TypeScript que pega seu arquivo .ts e gera um arquivo .js correspondente. É a ferramenta mais fundamental da cadeia de desenvolvimento TypeScript.

Dica prática: Na maioria dos projetos modernos, você não chama tsc manualmente. Ferramentas como Vite, Create React App e frameworks como NestJS já configuram e rodam tsc nos bastidores. Mesmo assim, entender que tsc é a peça central da compilação ajuda a resolver problemas quando algo dá errado no build.

Revise pensando: Se você tira TypeScript do seu projeto e tenta rodar diretamente em um navegador, o que acontece? Por que o tsc é necessário?