2016-12-08 4 views
1

Nur mit kantigem 2.Angular 2 Bootstrapping Optionen - AOT vs JIT

  1. Was sind die verschiedenen Bootstrapping Optionen in Winkel 2 Kick gestartet?

  2. Warum ist das, wenn ich eine Änderung und aktualisieren Sie die index.html braucht wenig Zeit, um die HTML-Markups abrufen?

  3. Unterschiede zwischen ihnen

Antwort

2

Es gibt zwei Optionen

  1. Dynamische Bootstrapping

    • Compiler verwendet JIT (Just in Time).
    • kompiliert dynamisch die ts-Dateien im Browser.
    • Dies ist der Grund, warum die index.html wenig Zeit benötigt, um die Markups abzurufen.
    • main.ts enthält folgende

      import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
      import { AppModule }    from './app.module'; 
      
      platformBrowserDynamic().bootstrapModule(AppModule); 
      
      1. Static Bootstrapping
    • Compiler verwendet AoT (Ahead of Time).
    • Die ts-Dateien werden in js-Dateien kompiliert und anschließend im Browser gerendert.
    • Dadurch wird eine Reihe von js-Dateien, die Module und Fabriken enthalten, erstellt, indem sie leicht gemacht werden.
    • Meistens im Fall von Mobiltelefonen und Legacy-Netzwerken verwendet.
    • main.ts enthält folgende

      import { platformBrowser } from '@angular/platform-browser'; 
      import { AppModuleNgFactory }    from '../aot/app/app.module.ngfactory'; 
      
      platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); 
      

Unterschiede enter image description here

+0

Sie könnten erwähnen, dass all diese Vorteile in AoT für etwas länger Kompilierung bezahlt. AoT wird auch von eckigen Klammern unterstützt, was es während der Entwicklung unmerklich macht –

Verwandte Themen