角2とWebPack：バンドルのサイズを縮小する方法は？

Question

WebPackを使用するAngular 2のシードプロジェクトをいくつか試しました。私がProdにリリースするためにバンドルをビルドすると、私は約3MBのファイルで終わります。

このファイルのサイズを小さくするにはどうすればよいですか？

そのようなプロジェクトがある：WebPACKのとhttps://github.com/mgechev/angular-seed

Answer 1

最小サイズは、私はあなたが何か間違ったことをやっている疑いがある、空のアプリケーションのための800キロバイト程度です。ソースマップはオプションです。

Answer 2

あなたが提供したプロジェクトがwebpackを使用しているとは思わない。

シードプロジェクトを探している場合は、angular-cliをチェックアウトすることができます。 ng build --target=productionはかなり良い生産体制をしています。

webpackを使用している場合は、ウェブパックの設定でdevtoolを確認してください。evalでないことを確認してください。 source-mapを使用してください。

Answer 3

いくつかの重要なことは、あなたのバンドルのサイズを小さくする方法があります。

1. は、遅延読み込みを使用してみてください。これは、メインバンドルサイズを小さくするのに最適で、チャンクファイルとして分割されます。
   https://angular.io/guide/router

2. 不要なパッケージを削除してください。
   例：
   あなたはブートストラップmodalモジュールを使用したい場合は、このimport {modalModule} from ngx-boostrap/modal