web-dev-qa-db-ja.com

angular 2,4,6,7？でvendor.jsのサイズを小さくするには？

Angular CLIはvendor.jsを作成しますが、なぜ使用されているのかわかりません。このファイルのサイズは、約.2MB新しいアプリの場合です!!

このファイルにはAngular 6 Javascript Sourceが含まれていますか？

これは低速接続でインターネットにロードするための大きなファイルだと思いませんか？

javascriptangularangular-cliangular-cli-v6
8
Mohamad Shiralizadeh

どうやって減らすの？このファイルには、プロジェクトに追加したすべてのライブラリが含まれます。プロダクションモードでアプリを構築する場合は、はるかに低くなります。

ng build --prod

それがあなたの答えではない場合、あなたが探しているものをもっと説明してください。

12
molikh

Package.jsonのビルドスクリプトを更新して、デフォルトでprodビルドを生成することもできます。 'npm build'が自動的に実行されるため、Herokuへのデプロイに遭遇しました。デフォルトでは、「npm build」は次のスクリプトを実行します。

ng build

に更新する場合

ng build --prod

package.jsonで、Heroku/AWS/Azureは代わりにデプロイ時にプロダクションビルドを作成します。

3
Evan Kleiner

減らす代わりに、ファイルを完全に削除できます。--build-optimizerフラグを指定すると、cliはビルド出力からこのファイルを無効にします。

CLIは、ベンダーコードをmain.jsバンドルにバンドルします。これにより、サイズを小さくするためにUglificationも有効になります。

そのため、main.jsバンドルのサイズがわずかに増加しますが、これはベンダーチャンクのサイズに比べて最小限です。

3
Nanotron