Build e otimização
Builds de produção, compilação AOT, tree shaking, lazy loading, otimização do bundle, source maps, budgets
1O que é a compilação AOT no Angular?
O que é a compilação AOT no Angular?
Resposta
A compilação AOT (Ahead-of-Time) transforma o código Angular e os templates em JavaScript otimizado durante a fase de build, antes da implantação. Isso reduz o tamanho do bundle, já que o compilador do Angular não é incluído, melhora o desempenho de carregamento e detecta erros de template mais cedo. Desde o Angular 9, o AOT está ativado por padrão para todos os builds.
2Qual é a principal vantagem do AOT sobre a compilação JIT?
Qual é a principal vantagem do AOT sobre a compilação JIT?
Resposta
O AOT produz bundles menores porque o compilador do Angular (cerca de 1MB) é excluído do bundle final, ao contrário do JIT que requer o compilador no navegador. O AOT também melhora o tempo de carregamento eliminando a compilação no lado do cliente, detecta erros de template mais cedo e melhora a segurança ao pré-compilar os templates.
3Como ativar a compilação AOT em um comando ng build?
Como ativar a compilação AOT em um comando ng build?
Resposta
Desde o Angular 9, AOT é a compilação padrão para todos os ambientes. Para um build de produção, usar ng build --configuration production ativa automaticamente o AOT. A flag --aot existe, mas é redundante, pois o AOT agora está sempre ativo a menos que seja configurado explicitamente o contrário em angular.json.
Qual configuração em angular.json ativa as otimizações para um build de produção?
O que é tree shaking no Angular?
+17 perguntas de entrevista
Outros temas de entrevista Angular
Fundamentos do TypeScript
TypeScript Avançado
Fundamentos do Angular
Componentes e ciclo de vida
Services & Dependency Injection
Organização de Módulos Angular
Angular CLI
Diretivas e Pipes
Routing e Navegação
Formulários reativos
Formulários template-driven
Fundamentos do RxJS
Operadores RxJS
HttpClient e chamadas de API
Gerenciamento de estado básico
Change Detection
Angular Signals
Standalone Components
Testes unitários em Angular
Testes End-to-End
Fundamentos do NgRx
NgRx avançado
Arquitetura Angular
Otimização de desempenho
Segurança e boas práticas
Padrões avançados de RxJS
Angular Universal e SSR
Micro-frontends Angular
Domine Angular para sua proxima entrevista
Acesse todas as perguntas, flashcards, testes tecnicos, exercicios de code review e simuladores de entrevista.
Comece gratis