Um momento
Aula 30
Cursos / Aprenda TypeScript - Tutorial Básico Vindo do JavaScript
Como Mudar o target do Compilador de TypeScript

Summary

Resumo do Transcript

Neste trecho, o autor discute a configuração do compilador TypeScript, especificamente a alteração da opção de target no arquivo testconfig.json. O problema identificado é que o compilador local não estava gerando erros, pois configurado para um target mais antigo (S3), o que não suportava certas funcionalidades, como setters.

Principais Pontos

  • Configuração do Target:

    • O target atual do projeto está configurado como S3, o que está causando problemas.
    • É necessário alterar o target para S5 ou superior.
  • Documentação do TypeScript:

    • O autor acessa a documentação do TypeScript para compreender as opções do compilador.
    • A opção --target ou --t é utilizada para especificar o tipo de código JavaScript que o TypeScript deve gerar.
  • Alterações no testconfig.json:

    • O autor propõe adicionar a opção target em compilerOptions dentro do arquivo testconfig.json, mudando para S5.
  • Resultados da Compilação:

    • Após fazer a alteração, o autor executa o compilador TypeScript (.tsc) para verificar se os arquivos foram corretamente transpilados.
    • A compilação ocorre sem problemas, e a funcionalidade de classes é discutida em relação às mudanças realizadas.
  • Próximos Passos:

    • O autor menciona que na próxima aula continuarão aprendendo sobre getters e setters.

Conclusão

A opção target do compilador TypeScript é crucial para definir como o código deve ser gerado. O autor demonstra como configurá-la adequadamente para evitar problemas no código e garantir compatibilidade com as funcionalidades desejadas.

Video Transcript

Então vamos continuar, vamos aqui mudar o target da nossa configuração do test lint no meu local, né? O problema aqui era o seguinte, o meu local ele não está dando erro porque o target estava no S3 E o target desse aqui está usando 2017, mas tem que ter pelo menos S5 do Playground aqui Então não há problema lá no teu sector aqui, dessa maneira aqui Então se você for em documentação do TypeScript, por exemplo, só abrir aqui nova aba Vamos aprender como dar debugada aqui e referenciar a documentação Vamos lá, queremos mudar a opção do copilador do test config Port Json Vamos ver se tem Project Configuration aqui, Configuração do projeto, Test Config Compiler Options, é isso que eu quero, Compiler Options Ele mostra a lista aqui de todas as opções do copilador que podemos adicionar ao nosso arquivo testconfig.json Então eu quero procurar um negócio de target, né? Então eu vou dar uma busca aqui para o target, traço-traço-target, na verdade isso que a gente quer Então traço-traço-target ou traço-t é a opção do copilador para modificar o nosso... Que tipo de código o TypeScript vai gerar quando converter para o .js Note aqui que essa coluna aqui, a segunda coluna é o tipo, né? E a terceira é o valor padrão default Então o note aqui, né? O valor padrão do target, se eu não especificasse, não dizer o copilador, é s3 Por isso que o meu copilador local estava transpilando para s3 e não estava aceitando aquele setter, né? Tava dando erro lá no setter Então eu vou mudar isso para ter pelo menos s5, né? Tá bom? Então vamos aqui pular no meu editor de texto No meu testconfig.json, dentro de compara options Eu vou adicionar o target e eu quero que ele transpire para s5 Dessa maneira não vai ter mais problema lá no setter Agora vamos ver aqui, divido.ts Então não tem mais problema aqui, meu editor de texto, não reclamou Então ele vai mudar todos esses arquivos aqui para s5 Vamos ver se realmente muda Vou lá no terminal, vou dar o .tsc, agora eu vou usar a nova opção para transpilar para s5 Olha lá o arquivo ali, será que mudou alguma coisa? Nem sei Faz diferença ou não? Parece que não tem muita diferença Percebeu? Não sei Tá certo? Então compilou sem problemas agora? E essa aqui é a opção target do compilador Você pode mudar que tipo de código você quer que o type fique e apigere para o seu projeto Então tem várias opções Aqui as opções no guia, você pode ir nesse site, Handbook, barra compara options Tem aqui a referência, por padrão era o s3 Eu mudei para s5, mas você pode mudar para vários outros O playground estava no s2017, por isso que aparecia a palavra chave class No lado direito da tela aqui, na hora que eu mudei para s5, estava no s17 Por isso que já tinha class aqui Mas se você não quiser ver como é que ele compila mesmo para s5 Como é que ele faz as classes se não tem class no s5 Ele faz através da função, a função indivíduo na verdade é uma função if que é executada Se é to no indivíduo aqui que é uma função Certo? Então por isso é essa opção target do compilador TypeScript E te vejo na próxima aula onde a gente vai continuar aprendendo sobre o getter e setter
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: