Angular 5-メインバンドルファイルが開発サーバーで大きすぎます

Question

Angular 5を使用してアプリケーションを開発しています。 ng build --prod --aotを実行し、distフォルダーを開発サーバーにデプロイした後、メインバンドルは2.2MB on initial loadを生成しました。 8MBベンダーバンドルサイズ（ng build --prodを実行している場合）と比較すると、すでに小さいですが、それでもメインバンドルのサイズを小さくする必要があります。メインバンドルのサイズを小さくする方法はありますか？

Answer 1

ビルドにbuild-optimizerフラグを追加することで、バンドルサイズを減らすことができます。

ng build --prod --build-optimizer

上記のコマンドを実行してみてください。詳細については、次を参照してください： https://angular.io/guide/deployment

--aotを使用してビルドする場合、--prodフラグを含める必要はありません。 Productionビルドはデフォルトでaotです。

angularの最新バージョンに更新することも、これに対する解決策です。最新バージョンには、より最適化されたビルド手順が付属していることが多いためです。

Answer 2

コードをモジュールに分割し、それらを遅延ロードする必要があると思います。