Angular 2 Bootstrapping Options – AOT vs JIT

发布时间：2020-12-17 10:18:53 所属栏目：安全来源：网络整理

导读：刚开始使用Angular 2. 角度2中的各种Bootstrapping选项有哪些？为什么当我进行更改并刷新index.html时,只需要很少的时间来检索HTML标记？他们之间的差异有两种选择动态自举编译器使用JIT(Just in Time). 在浏览器中动态编译ts文件. 这就是index.html花

刚开始使用Angular 2.

>角度2中的各种Bootstrapping选项有哪些？
>为什么当我进行更改并刷新index.html时,只需要很少的时间来检索HTML标记？
>他们之间的差异

有两种选择

>动态自举

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

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

platformBrowserDynamic().bootstrapModule(AppModule);

>静态自举

>编译器使用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);

差异

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!