angular7路由懒加载

由于需要做路由懒加载问题，所以研究一波。angular的模块等问题
首先在angular的路由懒加载是区分不同的版本的 cli7 和cli7以上是不一样的

cli7 :

cli8:
loadChildren: () => import(’./module/user/user.module’).then(mod => mod.UserModule)

要注意： 你一定要一个
这个ts文件，没有就手动创建一个

loadChildren: './home/home.module#HomeModule’找的就是这个模块

import { NgModule } from ‘@angular/core’; 含义：告诉angular这是一个模块

import { CommonModule } from ‘@angular/common’; 这个模块是我创建

import { HomeComponent } from “./home.component” 导入当前的组建

和他对应的

声明这个组件，并且命令和管道也需要放到这里面。切记不是放模块

模块放入imports

export class HomeModule { } 将模块暴露出去，别的地方就可以使用了

import { HomeRoutingModule } from “./home-routing.module”
对应

然后 我们在来到

const routes: Routes = [
{
path: ‘’,
component: HomeComponent
}
];
这里面进行配置，就好了