Angular2：インポートは、例えば、多くの要求

新しいウェブサイトを開発するAngular2を使用している場合、私はそれはいくつかのモジュールにページを分割助けることができる希望を作成します。 Angular2：インポートは、例えば、多くの要求

コードは以下の通りです：

import { HeaderComponent } from '../../Components/Main/header.component'; 
 
import { FooterComponent } from '../../Components/Main/footer.component'; 
 
import { MenuComponent } from '../../Components/Main/menu.component';

はしかし、それをやった後、は、私は多くの要求が作成されていた見つけました。複数のモジュール、ここではより多くの要求：

同じ時間は、私があるため、理想的な条件は、このようにする必要があり

ここに「輸入」の1つにすべてのJavaScriptファイルをマージすることはできませんよ。 1.ページを分割してモジュールを再利用することができました。 2.要求が少なくなります。 3.すべてのモジュールを1つに統合できます。

ここには何もありませんか？

出典

2017-01-03 Jack He

Webpack
webpackを使用すると、エントリファイルが1つしかありません。

Webpackは強力なモジュールバンドラです。バンドルには、JavaScriptが一緒に属しており、最高のは、事前にコンパイルの使用バンドルすることである

出典

2017-01-03 03:08:59 DOMZE

私はいくつかのページ（ログイン、signup ...）を持っていて、クライアント側のルートが使われています。あなたが意味する「エントリーファイル」は、「ウェブサイト全体のアプリケーションのエントリ」または「単一ページのエントリー」でしたか？ –

ウェブサイト全体のアプリケーション – DOMZE

最終的にそれを解決します。ドムに感謝 –

単一のファイル要求に応答してクライアントに提供しなければならない資産を組み込むファイルです。 https://angular.io/docs/ts/latest/cookbook/aot-compiler.html

この方法では、HTMLテンプレートソースと角度コンパイラがバンドルに含まれていないため、小型で高速な起動アプリを手に入れることができます。また、ファイルは1つだけです。

私は、このリポジトリにコンパイルAOT-バンドルと材料設計とangular2アプリとの完全な例があります。

https://github.com/fintechneo/angular2-templates

また将来的にはNGのCLIは用AOTバンドルを生成することができるはずですあなたは現在、ng build --prod - aotの機能はまだ実験的で、AOTのクックブックに直接従うよりも大きなバンドルを作成します。また、ng cliによって生成されたバンドルは、AOT cookbookの例を使用して生成されたバンドルよりも長いロード/開始時間を持つように見えます。

出典

2017-01-03 20:51:03

Angular2：インポートは、例えば、多くの要求

答えて

関連する問題