angular路由懒加载

  • 创建模块的方法

    ng generate module 模块名称 --routing
    例如:
    ng generate module admin --routing
    ng generate module auth --routing
    
  • 使用懒加载的方法

    1、在app.module.ts中调用懒加载
      // 懒加载模块
      {
        path:"login",
        loadChildren:()=>import('./auth/auth.module').then(mod=>mod.AuthModule)
      },
      // 懒加载模块
      {
        path:"admin",
        loadChildren:()=>import('./admin/admin.module').then(mod=>mod.AdminModule)
      },
    
  • 使用懒加载的原因

    • 便于进行模块管理。
    • 减少页面加载的时间。
posted @ 2019-11-30 13:03  Myuniverse  阅读(1893)  评论(0编辑  收藏  举报