Angular 构建警告“捆绑包初始超出了最大预算。”我知道如何删除警告，但是多大才算是太大呢？

Question

我正在创建一个小型 HTML 游戏（想想 Wordle）。只有几个小页面（home/game/about/create）。我用的不多，但我确实安装了 Angular Material 控件包。我很震惊，这么小的应用程序竟然超出了标准限制。但我也很不确定多大算太大，或者如何减小尺寸？

我知道我可以进入 angular.json 并设置预算，所以我的问题实际上更多是关于将它们设置为什么以及为什么。初始预算值是否太小而无法开始？在使用 --aot 进行产品构建后，我的应用程序目前峰值约为 1mb。看起来运行良好。我只是好奇是否有关于文件大小的经验法则？

Answer 1

您可以在 angular.json 文件中更新允许的最大生产预算。

如果太大，请考虑查看您正在使用的库以及它们是否有必要。请注意，您的网站越大，加载时间可能就越长。

...
"configurations": {
            "production": {
              "budgets": [
                {
                  "type": "initial",
                  "maximumWarning": "2000kb",
                  "maximumError": "5600kb"
                },
...