angular2 – Angular 2 – 提前编译如何

前端之家收集整理的这篇文章主要介绍了angular2 – Angular 2 – 提前编译如何前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图按照本指南引导我的Angular 2 RC5应用程序
https://angular.io/docs/ts/latest/guide/ngmodule.html
下面是我的代码
import { AppModuleNgFactory } from './app.module.ngfactory';
import {platformBrowser} from "@angular/platform-browser";

platformBrowser().bootstrapModuleFactory(AppModuleNgFactory);

但是,当我试图编译typescript代码,我得到以下错误

app\main.ts(1,36): error TS2307: Cannot find module
‘./app.module.ngfactory’.

如何生成app.module.ngfactory文件?我应该使用哪个工具?

JIT和AOT编译器都从同一个AppModule源代码生成一个AppModuleNgFactory类。

JIT编译器在运行中,在内存中,在浏览器中创建工厂类。 AOT编译器将工厂输出到我们在main.ts的静态版本中导入的物理文件

在一个高级别,@ angular / compiler-cli提供了一个包装Typescript的tsc编译器,并且AoT编译你的应用程序的代码,然后将你的应用程序的Typescript转换为Javascript:

$ ngc -p src

这将为每个组件和模块生成一个新文件(称为NgFactory)

要在AoT模式下运行应用程序,
所有需要的是更改您的main.ts文件

import {platformBrowserDynamic} from ‘@angular/platform-browser-dynamic’
import {MyAppModule} from ‘./app’
platformBrowserDynamic().bootstrapModule(MyAppModule);

import {platformBrowser} from ‘@angular/platform-browser’
import {MyAppModuleNgFactory} from ‘./app.ngfactory’ //generated code
platformBrowser().bootstrapModuleFactory(MyAppModuleNgFactory);

编辑:

要使用ngc命令,首先安装these-

$ npm install @angular/compiler-cli typescript@next @angular/platform-server @angular/compiler

ngc是tsc的替代,你会发现它在./node_modules/.bin/ngc文件夹中。

猜你在找的Angularjs相关文章