なぜ角2のプロジェクトが大きいですか

Question

ng1プロジェクトをng2で書き直しています。私たちのng1プロジェクトは、構築されると約8MBです。私たちはng2への書き換えの約4分の1であり、私たちのng2プロードビルドではすでに14MBになっています。

distフォルダのサイズの主な違いは、さまざまなサイズのソースマップに起因する可能性があります。両方のプロジェクトにはソースマップが含まれていますが、ng2ソースマップははるかに大きくなっています。これは、ng2のほうが定型文が多く、コンポーネントが分かれているなど、意味があります。

最初はこの質問はの回答には大きすぎるので、を保留にしました。同意する。しかし、それが私がそれを求めている理由です。私は最終的なng2製品をng1バージョンよりも優れたものにするためにng2が提供するすべてのものを理解しようとしています。

これで、最終的なサイズを小さくしてユーザーエクスペリエンスを高速に保つために、ng2の開発プラクティスに適用できる実践的なアプローチ/手順/ツールはありますか？

私が見つけた私は先日、角2アウトしようとしていた、あなたがそうであるように私は私のvendor.jsは6Mだった、これは、単純な「Hello World」のアプリだった、同じ問題に直面していました...

Answer 1

http://blog.mgechev.com/2016/06/26/tree-shaking-angular2-production-build-rollup-javascript/

彼は1.5Mのアプリケーションでいくつかの最適化と圧縮技術（プリコンパイル、トレシェイク、ミニグルード、バンドルとgzip）を使用して、次のようにしてこの問題に取り組むべきです。そのサイズをわずか50kbに縮小します。

これを確認してください。 :)