Angular 5
を使用してアプリケーションを開発しています。 ng build --prod --aot
を実行し、distフォルダーを開発サーバーにデプロイした後、メインバンドルは2.2MB on initial load
を生成しました。 8MB
ベンダーバンドルサイズ(ng build --prodを実行している場合)と比較すると、すでに小さいですが、それでもメインバンドルのサイズを小さくする必要があります。メインバンドルのサイズを小さくする方法はありますか?
ビルドにbuild-optimizerフラグを追加することで、バンドルサイズを減らすことができます。
ng build --prod --build-optimizer
上記のコマンドを実行してみてください。詳細については、次を参照してください: https://angular.io/guide/deployment
--aot
を使用してビルドする場合、--prod
フラグを含める必要はありません。 Productionビルドはデフォルトでaotです。
angularの最新バージョンに更新することも、これに対する解決策です。最新バージョンには、より最適化されたビルド手順が付属していることが多いためです。
コードをモジュールに分割し、それらを遅延ロードする必要があると思います。