验证 Angular 7 PROD 应用程序中的延迟加载答案

【问题标题】：Verify Lazy Loading in Angular 7 PROD application验证 Angular 7 PROD 应用程序中的延迟加载
【发布时间】：2021-01-18 07:06:33
【问题描述】：

我想在 Angular 7 中验证延迟加载。在本地服务器上，我使用https://augury.rangle.io/ 浏览器插件来验证延迟加载。此外，验证了当我在地址栏中点击预期的路由器路径时，延迟加载的模块会被下载。

但是，当我将应用程序部署到 prod (ng build --prod) 时，我看不到正在下载的 lazy-loaded-module.js。

我做错了吗？如何验证它是否正常工作？ **module.js 是否应该像在本地服务器上一样下载到 PROD 上？

我在本地主机上的开发工具的 PFB 屏幕截图。

添加了我的生产配置。

"configurations": {
        "production": {
          "fileReplacements": [
            {
              "replace": "src/environments/environment.ts",
              "with": "src/environments/environment.prod.ts"
            },
            {
              "replace": "src/index.html",
              "with": "src/index.prod.html"
            }
          ],
          "optimization": true,
          "outputHashing": "all",
          "sourceMap": false,
          "extractCss": true,
          "namedChunks": false,
          "aot": true,
          "extractLicenses": true,
          "vendorChunk": false,
          "buildOptimizer": true,
          "budgets": [
            {
              "type": "initial",
              "maximumWarning": "2mb",
              "maximumError": "5mb"
            }
          ]
        }
      }

【问题讨论】：

这也应该在生产中工作..？
你能分享来自 angular.json 文件的生产配置吗？我认为“outputHashing”：“all”在你的配置中丢失了
@MikeOne，我的意思是构建的 prod 服务器的行为是否与使用 ng serve 运行的开发服务器相同，因为可能存在差异或行为可能不同（至少在外观上我不'没有看到正在下载的模块 js 文件，但它在后台被延迟加载）。

标签： angular

【解决方案1】：

请检查从 dist 加载模块 js 文件的 rout，检查dist文件夹下runtime.js中的地址js加载模块文件，因为localhost中的加载地址与主机上发布的项目不同。

【讨论】：