Angular 7，预算警告，超出最大值，没有发现有什么问题？

Question

我有一个 angular 7 应用程序。

当我使用 --prod 构建项目时，我收到了预算警告。

angular.json

"architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/tbc-capital-web",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "src/tsconfig.app.json",
        "assets": [
          "src/favicon.ico",
          "src/assets",
          "src/env.js",
          "src/web.config"
        ],
        "styles": [
          "src/styles.scss"
        ],
        "scripts": [],
        "es5BrowserSupport": true
      },
      "configurations": {
        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": true,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "2mb",
              "maximumError": "5mb"
            }
          ]
        }
      }
    },

构建输出图像：

问题是我无法理解这里有什么问题。

非文件大于 2mb。

问题 1：哪个生成的文件（或多个文件）触发此警告？

问题 2：如何在不增加警告大小的情况下解决此问题 angular.json

如果您不仅提供答案，而且提供很少的解释，那就太好了。

Answer 1

为简单起见，预算可以定义为构建应用程序时不需克服的目标构建大小。

它可以用于托管，例如，在Heroku 上：当您在此类服务上托管时，您拥有的免费服务是有限的，因此您不想克服它，因此您不必付费。

预算是所有文件的总大小，而不是最大文件的大小。

大多数情况下您可以忽略这一点，这确实是一个部署问题：只是 CLI 默认包含此预算。

要删除它，你可以进入你的angular.json包并找到这个：

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

只需更改值，它就不会再次弹出警告！