☰

予算の警告、最初の質問の上限を超えました

tag-icon • tag-icon angular build production ng-build
予算の警告、最初の質問の上限を超えました

--prod を使用して Angular 7 プロジェクトをビルドすると、 で警告が表示されますbudgets。

Angular 7 プロジェクトがあります。ビルドしようとしているのですが、次の警告が表示され続けます。

予算の警告。当初の上限を超えました。予算 2 MB を 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]

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

ベストアンサー1

angular.jsonファイルを開き、budgetsキーワードを見つけます。

次のようになります:

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

おそらくご想像のとおり、maximumWarningこの警告を回避するには値を増やすことができます。例:

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

予算とは何を意味しますか?

パフォーマンス バジェットは、サイトのパフォーマンスに影響する特定の値に対する制限のグループであり、Web プロジェクトの設計および開発において超過することはできません。

私たちの場合、予算がバンドル サイズの制限となります。

参照:

おすすめ記事