Build và tối ưu hóa
Production builds, biên dịch AOT, tree shaking, lazy loading, tối ưu bundle, source maps, budgets
1AOT compilation trong Angular là gì?
AOT compilation trong Angular là gì?
Câu trả lời
Biên dịch AOT (Ahead-of-Time) chuyển đổi mã Angular và templates thành JavaScript được tối ưu hóa trong giai đoạn build, trước khi triển khai. Điều này giảm kích thước bundle vì trình biên dịch Angular không được bao gồm, cải thiện hiệu suất tải và phát hiện lỗi template sớm hơn. Từ Angular 9, AOT được bật mặc định cho tất cả các build.
2Lợi thế chính của AOT so với biên dịch JIT là gì?
Lợi thế chính của AOT so với biên dịch JIT là gì?
Câu trả lời
AOT tạo ra các bundle nhỏ hơn vì trình biên dịch Angular (khoảng 1MB) bị loại khỏi bundle cuối cùng, không giống JIT yêu cầu trình biên dịch trong trình duyệt. AOT cũng cải thiện thời gian tải bằng cách loại bỏ bước biên dịch phía client, phát hiện lỗi template sớm hơn, và cải thiện bảo mật bằng cách biên dịch trước các template.
3Làm thế nào để bật biên dịch AOT trong lệnh ng build?
Làm thế nào để bật biên dịch AOT trong lệnh ng build?
Câu trả lời
Từ Angular 9, AOT là biên dịch mặc định cho tất cả môi trường. Đối với production build, sử dụng ng build --configuration production tự động bật AOT. Cờ --aot tồn tại nhưng dư thừa vì AOT hiện luôn hoạt động trừ khi được cấu hình rõ ràng khác đi trong angular.json.
Cấu hình nào trong angular.json bật các tối ưu hóa cho production build?
Tree shaking trong Angular là gì?
+17 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Angular khác
Kiến thức cơ bản TypeScript
TypeScript Nâng cao
Kiến thức cơ bản về Angular
Components và vòng đời
Services & Dependency Injection
Tổ chức Module Angular
Angular CLI
Directives và Pipes
Routing và Điều hướng
Reactive Forms
Template-driven Forms
Kiến Thức Cơ Bản RxJS
Operator RxJS
HttpClient và lệnh gọi API
Quản lý state cơ bản
Change Detection
Angular Signals
Standalone Components
Unit Testing trong Angular
Kiểm thử End-to-End
Nền tảng NgRx
NgRx nâng cao
Kiến trúc Angular
Tối ưu hiệu năng
Bảo mật và thực tiễn tốt nhất
Các mẫu RxJS nâng cao
Angular Universal và SSR
Micro-frontend Angular
Nắm vững Angular cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí