LazyローディングのAngular2 AOT [Lazy Moduleへのパス] .ngfactory.ts

Question

Lazy読み込みモジュールで既に動作していたアプリケーションをAOTに変換しようとしています。私はAOTコードをコンパイルするために@ ngtools/webpackツールキットを使用していますが、Angular cantがLazy読み込みモジュールのコードを見つけられるというエラーが発生しています。このプロジェクトのモジュールは遅延ロードされた私のアプリのルート定義に言及価値

ERROR in ./src/ngfactory async 
Module not found: Error: Can't resolve '/Library/WebServer/Documents/envato-teams/src/ngfactory/src/app/components/container/projects.ngfactory.ts' in '/Library/WebServer/Documents/envato-teams/src/ngfactory' 
@ ./src/ngfactory async 
@ ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js 
@ ./src/ngfactory/src/app/app.module.ngfactory.ts 
@ ./src/main.aot.ts 
@ multi main 

：

のTSconfig：

... 
"angularCompilerOptions": { 
    "genDir": "./src/ngfactory", 
    "entryModule": "src/app/app.module#AppModule" 
} 
... 

のWebPACK

{ 
    path: 'projects', loadChildren: './components/container/projects#ProjectModule' 
}, 

これは私の設定はどのように見えるかです：

WebPACKので

new ngtools.AotPlugin({ 
    tsConfigPath: './tsconfig.aot.json', 
}), 

Main.aot.ts

/* 
* Providers provided by Angular 
*/ 
import { platformBrowser } from '@angular/platform-browser'; 
import { AppModuleNgFactory } from './ngfactory/src/app/app.module.ngfactory'; 

import { Servicesconfig } from './app/services/index'; 

platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); 

私が行うことで、@ ngtools/WebPACKのでTSファイルをコンパイルしています：

// Support for .ts files. 
{ 
    test: /\.ts$/, 
    loaders: ['@ngtools/webpack'], 
    exclude: [/\.(spec|e2e)\.ts$/] 
}, 

あなたの助けをありがとう！

Answer 1

私はAOTとLazyのロードモジュールで自分自身を苦労していました。

いずれかを選択することは、実際にビルドするオプションではありませんでした。

私は本当に一緒にそれらの機能を必要としましたが、私はそれらを得ることができず、あきらめなければなりませんでした。今日まで ！

angular-cliは、2日前にリリースしました。1.0.0-beta.21は、AOTおよび遅延ロードをサポートしています。あなたの角度-CLIプロジェクトで

：

npm cache clean 
npm install --save-dev angular-cli@latest 
ng init 

お楽しみください！

PS：ここですばらしい仕事をした角度のcliチームに大きな感謝...！

EDIT：
私はいくつかのベンチマークでした（^ _ ^私は物事開かれ、3台のモニターの多くを持っていると私のラップトップは、痛みがあるので、結果が良いスーパーではありません）

+-----------------------+-------------+--------------+-----------+-------------+ 
|      | Main bundle | Chunk 0 | Scripting | First paint | 
+-----------------------+-------------+--------------+-----------+-------------+ 
| ng serve    | 4.5 MB  | Not splitted | 6075 ms | 5500+ ms | 
| ng serve --prod  | 334 KB  | Not splitted | 5587 ms | 4750+ ms | 
| ng serve --aot  | 3.3 MB  | 326 KB  | 4011 ms | 4400+ ms | 
| ng serve --prod --aot | 243 KB  | 18.1 Kb  | 3860 ms | 4250+ ms | 
+-----------------------+-------------+--------------+-----------+-------------+ 

を。

は、ここではそれとは覚えることができるものです。
- --prod --aotビルドサイズは
ビルド--prodより27％小さい - --prod --aotビルドがたときに、スクリプトのビルド
--prodより31％高速であります - AOTはクール！
- おそらく、aotフラグのないバグがあります。私が何かを見逃していないと、私が期待していた遅延読み込みチャンクが見つからず、メインバンドルに遅延読み込みコードがあるとわかりました。私はGithubにissueを開いた。