Я посилався на цю документацію і натрапив на концепцію компіляції. Можна використовувати або компіляцію JIT або AOT. Однак я вважаю це дуже коротким і мені потрібно знати деталі наступні моменти,
Відповіді:
JIT - Складіть TypeScript вчасно для його виконання.
AOT - компілюйте TypeScript під час фази збірки.
Хоча є відповіді, але я також хотів би додати деякі свої висновки, тому що я був справді плутаний з тим, що насправді складається, як і у всіх випадках, TS-> JSвідбувається конверсія. Я беру деякий пункт із блогу Джеффа як довідник.
TSКод , написаний розробником компілюється в JSкод. Тепер цей скомпільований jsкод знову компілюється браузером, щоб його htmlможна було динамічно відображати відповідно до дії користувача, і відповідно коди angular (для компонентів, виявлення змін, введення залежності) також створюються під час виконання.
(Компілятор браузера - це те, що приймає директиви та компоненти програми разом з відповідними HTML та CSS та створює фабрики компонентів для швидкого відмітки екземплярів усією їх логікою створення перегляду.)
Коли додаток Angular 2 завантажується в браузері, компілятор JIT виконує багато роботи для аналізу компонентів у програмі під час виконання та генерування коду в пам'яті. Коли сторінка оновлюється, вся виконана робота викидається, а компілятор JIT виконує цю роботу знову.
TSКод , написаний розробником компілюється в JSкод, це js
вже скомпільовані для кутових і . Тепер цей скомпільований js код знову збирається браузером, щоб htmlможна було винести. Але суть тут полягає в тому, що компілятором angularвже подбали про особливості, AOTа отже, браузеру не потрібно переживати над створенням компонентів, виявленням змін, введенням залежності. Отже, у нас є:
Швидше відображення
За допомогою AOT браузер завантажує попередньо складену версію програми. Браузер завантажує виконуваний код, щоб він міг оновлювати додаток негайно, не чекаючи спочатку складати додаток.
Менше асинхронних запитів
Компілятор окреслює зовнішні шаблони HTML та таблиці стилів CSS у програмі JavaScript, виключаючи окремі запити ajax для цих вихідних файлів.
Менший розмір завантаження з кутовою рамкою
Немає потреби завантажувати компілятор Angular, якщо додаток уже складено. Компілятор становить приблизно половину кутового самого по собі, тому його опускання різко зменшує навантаження на додаток.
Виявити помилки шаблону раніше
Компілятор AOT виявляє та повідомляє про помилки прив'язки шаблону під час кроку збирання, перш ніж користувачі зможуть їх побачити.
Краща безпека
AOT збирає HTML-шаблони та компоненти у файли JavaScript задовго до їх обслуговування клієнту. Без шаблонів для читання і без ризикованої оцінки клієнтів на HTML або JavaScript, існує менше можливостей для ін'єкційних атак.
Залишилися відмінності вже висвітлюються у пунктах кулі Benyamin, Nisar & Gaurang.
Ви можете мене виправити
Бенямін та Нісар згадували тут кілька хороших моментів. Я додам до нього.
Хоча теоретично, AOT виглядає привабливішим варіантом, ніж JIT для виробничих цілей, але я сумнівався, чи дійсно AOT того вартий!
Ну, я знайшов хорошу статистику Джеффа Кроса, і це доводить, що AOT значно скорочує час завантаження програми. Нижче опубліковано повідомлення від Джеффа Кроса, яке дасть вам швидке уявлення про це,
Складання JiT (щойно)
Сама назва описує працюючий, Він збирає код саме в момент завантаження сторінки в браузер. Браузер завантажить компілятор і створить код програми та виведе його.
Це буде добре для середовища розвитку.
Компіляція AoT (попереду часу)
Він компілює весь код на момент складання програми. Тому браузер не хоче завантажувати компілятор і компілювати код. У цьому способі браузер може легко надати програму, просто завантаживши вже складений код.
Може використовуватися у виробничих умовах
Ми можемо порівняти компіляцію JiT і AoT, як показано нижче
JIT (щомісячна компіляція)
Just-in-Time (JIT) - це тип компіляції, який збирає вашу програму в браузері під час виконання.
ng build
ng serve
AOT (попередня компіляція)
Попередньо (AOT) - це тип компіляції, який компілює ваш додаток під час створення.
ng build --aot
ng serve --aot
Наприкінці дня AOT (попереду) та JIT (Just-in-Time) роблять те саме. Вони обидва компілюють ваш кутовий код, щоб він міг працювати у рідному середовищі (він же браузер). Ключова відмінність - коли відбувається компіляція. За допомогою AOT ваш код складається перед завантаженням програми в браузері. За допомогою JIT ваш код збирається під час виконання в браузері.
Ось порівняння:
Переваги AOT:
Насправді є лише один кутовий компілятор. Різниця між AOT та JIT - це питання часу та інструментарію. З AOT компілятор запускається один раз у час збирання, використовуючи один набір бібліотек; З JIT він працює щоразу для кожного користувача під час виконання, використовуючи інший набір бібліотек.
Компілятор JIT ми використовуємо під час розробки кутового проекту. У цій компіляції (перетворення TS в JS) відбувається під час виконання програми. Якщо AOT використовується під час складання коду програми для розгортання програми у виробництві, тоді ми будуємо наш код програми за допомогою команди ng build --prod, яка створює папку під назвою webpack, webpack містить пакет усіх файлів (HTML , CSS та машинопис) у стисненому форматі JavaScript.
Розмір папки webpack, створеної для виробництва, набагато менший, ніж папка, створена для середовища розробки (за допомогою команди ... ng build), оскільки вона не містить компілятора всередині папки webpack, це покращує продуктивність програми .