Angular：如何知道是什么导致了 Source Map Explorer 中 html 文件中的巨大空间分配

Question

我正在尝试优化一个角度应用程序，并且我正在使用 Source Map Explorer 来识别应用程序的哪一部分占用了大量空间。

构建我的角度项目的命令：

ng build --configuration=dev --source-map

开发配置：

"dev": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.dev.ts"
                }
              ],
              "optimization": {
                "scripts": true,
                "styles": {
                  "minify": false,
                  "inlineCritical": true
                },
                "fonts": true
              },
              "outputHashing": "all",
              "sourceMap": false,
              "namedChunks": false,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "serviceWorker": true
            },

创建 Source Map Explorer 的命令：

source-map-explorer dist/**/*.js

当我转到源地图资源管理器输出时，我发现大约 4mb 被一个 html 文件占用，该文件只是一个侧边栏组件。

我需要知道是什么导致了 html 文件中的空间分配？

谢谢

Answer 1

我也有类似的情况，请问你了解原因吗？