logo标签列表

Angular 7，预算警告，已超过最大值，不知道出了什么问题？

angularwebpackbundleangular7
4

我的项目是一个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中的警告大小的情况下修复这个问题？

如果您能够提供一些解释，那将非常好。

2个回答
6
为了简单明了，预算可以定义为构建应用程序时不要超过的目标构建大小。它可用于托管，例如在Heroku上：当您在此类服务上托管时，您有一个受限的免费服务，因此您希望不要超过它，这样您就不必支付费用。
预算是所有文件的总大小，而不是最大文件的大小。
大多数情况下，您可以忽略它，这实际上是部署问题：只是CLI默认包括此预算。
要删除它，您可以进入angular.json软件包并找到此内容：
          "budgets": [{
            "type": "initial",
            "maximumWarning": "2mb",
            "maximumError": "5mb"
          }]

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

1
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接