Aula 30
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
emcompilerOptions
dentro do arquivotestconfig.json
, mudando para S5.
- O autor propõe adicionar a opção
-
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.
- Após fazer a alteração, o autor executa o compilador TypeScript (
-
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: