Angular 2 引导选项 - AOT 与 JIT

刚开始使用 Angular 2。

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

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

3. 它们之间的区别

有两种选择

1. 动态引导

   • 使用的编译器JIT（恰逢其时）。
   • 在浏览器中动态编译ts文件。
   • 这就是index.html 花费很少时间来检索标记的原因。

   • main.ts 包含以下内容

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

     2. 静态引导
   • 使用的编译器AoT（提前时间）。
   • ts文件被编译成js文件，然后渲染到浏览器。
   • 通过这种方式，通过轻量级的方式创建了一组包含模块和工厂的 js 文件。
   • 主要用于移动设备和传统网络。

   • main.ts 包含以下内容

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

Differences