Angular 2 Bootstrapping Options - AOT vs JIT

Question

刚开始使用Angular 2.

1. 角度2中的各种Bootstrapping选项有哪些？

2. 为什么当我进行更改并刷新index.html时,只需要很少的时间来检索HTML标记？

3. 他们之间的差异

Answer 1

有两种选择

1. 动态自举

   • 编译器使用JIT(Just in Time).
   • 在浏览器中动态编译ts文件.
   • 这就是index.html花费很少时间来检索标记的原因.

   • main.ts包含以下内容

     import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
     import { AppModule }              from './app.module';
     
     platformBrowserDynamic().bootstrapModule(AppModule);
     

     2. 静态自举
   • 编译器使用AoT(Ahead of Time).
   • ts文件被编译成js文件,然后呈现给浏览器.
   • 这样,通过使它们重量轻,在那里创建了一组包含模块和工厂的js文件.
   • 主要用于移动设备和传统网络.

   • main.ts包含以下内容

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

差异