ng2-appをデプロイするときは、AOT(前もってコンパイル)を使用する必要があります。 JIT(Just in time)コンパイルを使用していると思います。 angular2ガイドページで
、AOTで
、ブラウザは、アプリケーションのコンパイル済みのバージョンをダウンロードします。ブラウザは実行可能コードをロードするので、まずアプリケーションをコンパイルするのを待つことなく、アプリケーションをすぐにレンダリングできます。
あなたがJITコンパイルを使用すると、ブラウザはangular2コンパイラによって定義されたvendor.jsをダウンロードし、ちょうどあなたのアプリケーションをコンパイルします。遅すぎると、クライアントがベンダーファイルをダウンロードする必要があります。AOTを使用すると、ベンダー・ファイルを使用する必要がないため、リソースが小さくなります。
私は、アプリケーションを配備するときにAOTコンパイルを使用し、リソースサイズに遅延ロードを使用することをお勧めします。
ng2 AOTコンパイルが不思議なら、このガイドをお読みください。
angualar2-cookbook-AOT
そして、ここでの例では、webpack2と怠惰な負荷とangular2アプリです。
ファイル構造と設定ファイルをここに使用します。
サンプルアプリケーションでテストしたところ、aotにバンドルされているファイルは500KB未満でした。
angular2-webpack2-aot
あなたは@ ngtools/WebPACKのか、何を使ってコンパイルAOT使用
、
は自分のS3バケットにAOTでコンパイルされたファイルを持っているdistのディレクトリ内のすべてのファイルを入れて、私はAWSを使用することをお勧めしますs3バケットリソース用のクラウドフロントキャッシュ。
これを解決できましたか? –
はい、下記のコメントを参照してください – Raj