[解決済み] 予算内の警告、初期値で最大値を超える

質問

Angular 7 プロジェクトを --prod でビルドすると、次のような警告が表示されます。 budgets .

Angular 7のプロジェクトを持っています。それをビルドしようとしているのですが、次のような警告が出続けています。

WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 1.77 MB

これがチャンクの詳細です。

chunk {scripts} scripts.2cc9101aa9ed72da1ec4.js (scripts) 154 kB  [rendered]
chunk {0} runtime.ec2944dd8b20ec099bf3.js (runtime) 1.41 kB [entry] [rendered]
chunk {1} main.13d1eb792af7c2f359ed.js (main) 3.34 MB [initial] [rendered]
chunk {2} polyfills.11b1e0c77d01e41acbba.js (polyfills) 58.2 kB [initial] [rendered]
chunk {3} styles.33b11ad61bf10bb992bb.css (styles) 379 kB [initial] [rendered]

予算とは一体何なのか？どのように管理すればよいのでしょうか？

どのように解決するのか？

開く angular.json ファイルを開き budgets というキーワードがあります。

のように表示されるはずです。

    "budgets": [
       {
          "type": "initial",
          "maximumWarning": "2mb",
          "maximumError": "5mb"
       }
    ]

ご想像のとおり、このように maximumWarning の値で、この警告を防ぐことができます。

    "budgets": [
       {
          "type": "initial",
          "maximumWarning": "4mb", <===
          "maximumError": "5mb"
       }
    ]

何をするのか 予算 とは？

パフォーマンスバジェットとは、ある特定の値に対する制限のグループのことで、その値は サイトのパフォーマンスに影響を与えるもので、設計やデザインにおいて超過してはならないものです。 ウェブ・プロジェクトを開発する。

私たちの場合、バンドルサイズは予算が限界です。

こちらもご覧ください。

• https://github.com/webpack/webpack/issues/3216
• https://angular.io/guide/build#configure-size-budgets
• パフォーマンス予算（リクエスト数を抑え、ファイルサイズを小さくする）