2017-01-02 3 views
2

私はAngular 2を初めて使っています。angular-cliを使って新しいスタータープロジェクトを作成し、ng build --prodを作成しました。私はdistフォルダを持っている8.2 Mb。私は質問がある角度2はどのように角度1よりも軽いのですか?

enter image description here

: は、ここに出力だ

  • 私は実際にどのようなファイルが必要なのでしょうか?

  • サイズを最小限に抑えるには他に何ができますか?

  • それは彼らが
    通常のスクリプトたかのようにHTMLページにgzippedファイルを取得することは可能ですか?つまり、それは有効でしょうか<script src='...script.gz'></script>

+1

でもわかりません。 angular2には、ネットワークタブに表示される、ダウンロードを取得するファイルがたくさんあります。フレームワークには多くの依存関係があります。角度1のプロジェクトを設定するのは、角度2よりはるかに簡単でした。 –

答えて

6
  • 開発中にロードされたファイルの数を測定しないでください。 Angular2とTSにはビルドステップがあり、サイズ測定にはビルドステップの出力のみが関係します

  • A1とA2の大きな違いは、AngularライブラリをブラウザにロードせずにA1が動作できることです。 AoT(事前コンパイル)を使用すると、Angular2コンポーネントテンプレートが処理され、バインディング用にJSが生成されるため、コンポーネントテンプレートを読み込み、解析してコンパイルして処理するAngularライブラリは必要ありません。

    • このビルドステップとIBMアカデミーも
  • 変更検出は全く異なる動作している全体のコードベースを横切ってツリーは、振盪を可能にします。

    • ゾーンを使用することで、変更検出を行う必要があるときにAngular2の検出がはるかに効率的になります。
    • 一方向のデータフローAngularは、DOMツリー内で変更検出が必要な場所の範囲を制限できます。 ChangeDetectionStrategy.OnPushやその他の措置を使用して
    • Angular2チームはまだ取り組んでいる開発者は、さらに場所を制限することが可能となり、変化検出が
  • を実行する必要があるとき

さらにあらゆる種類のものを最適化し、私はよさらなる改善の余地があることは間違いありません。

関連する問題