Habilitando o Ivy no Angular 8

Image for post
Image for post

Com o lançamento da versão 8 do Angular finalmente conseguimos utilizar o novo compilador do Framework, o Ivy.

O que é Ivy?

Trata-se de uma reescrita completa do compilador e tempo de execução sem alterar a forma como escrevemos aplicações em Angular.

Entre os objetivos dessa mudança, podemos listar:

  • Melhor tempo de compilação (com uma compilação mais incremental);
  • Redução do tamanhos de compilação;
  • Desbloqueie novos recursos em potencial como metaprogramação ou componentes de ordem superior;
  • Carregamento lento de componente em vez de módulos;
  • Sistema novo de detecção de alterações não baseado em zone.js.

Como Habilitar?

Projeto Novo

No terminal informe:

Image for post
Image for post

A flag --enable-ivy já configura o projeto, definindo as configurações necessárias para uso do novo compilador.

Para um projeto existente

Encontre o arquivo tsconfig.app.json na raíz do projeto e defina a propriedade enableIvy para true dentro de angularCompilerOptions .

{
“compilerOptions”: { … },
“angularCompilerOptions”: {enableIvy”: true}}

O segundo passo é a definição da compilação em AOT (mais detalhes em https://angular.io/guide/aot-compiler)

No arquivo de configuração angular.json defina as opções de construção padrão para o seu projeto para sempre usar a compilação AOT.

{"projects": {"my-existing-project": {"architect": {"build": {"options": {..."aot": true,}}}}}

Está feito!!!

Não esqueça de gerar sua aplicação com ng build — — prod.

Se atualizou sua aplicação e qsuiser compartilhar, deixe nos comentários a diferença do bundle.

Até mais !

Referências

Written by

Professor e desenvolvedor

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store