My angular 12 application is large and takes time to load the first time for any user. No api is triggered until all js files are loaded. If I see in Dev Tools (js enabled), You see the below screen shot. Is there anyway I can lazy load these files? enter image description here

推荐答案

您需要在app.routing.ts中启用lazyloading路由,如下所示:

const appRoutes: Routes = [
  {
    path: 'foobar',
    loadChildren: () =>
      import('./foobar.module').then(m => m.FoobarModule),
  }];

只有当用户导航到该路由时,才会加载该模块.

Angular相关问答推荐

如何在Angular模块中的forRoot中注入配置

将kendo—colorpicker的kendo弹出窗口附加到组件''

如何用Effect()识别正确的Angular 信号?

Angular 类型的表单不能分配给分部类型

当项目具有BrowserAnimationsModule时,Angular UI未拾取数据模型更改

当我更新S显示的数据时,为什么我的垫表用户界面没有更新?

Angular将文件作为字符串读取给dxf解析器

Angular 16 Auth Guard在具有0的服务时给出Null Injector错误;httpclient;被注入

从 applescript 调用Angular 前端以从列表中 Select 一个项目

Observable转换为Observable

如何在独立组件中导入Angular innerHTML

Angular 从 13.3.8 恢复到 13.3.7

angular 13 ng 构建库失败(ivy部分编译模式)

Angular 服务decorator 提供在延迟加载的根效果

Angular 2 中的 $implicit 是什么?

Angular @NGRX中这三个点的含义是什么

得到了预期表达式的插值 ({{}})

使用 EventEmitter 传递参数

如何在Angular 2中将对象从一个组件传递到另一个组件?

在渲染视图/模板之前等待 Angular 2 加载/解析模型