web-dev-qa-db-ja.com

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

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

network

6
Eugene

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

ng build --prod --build-optimizer

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

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

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

2

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

0