什么是模块懒加载?
即在根模块通过路由导航至子模块。
在这里,我们自定义三个模块,每个自定义的模块又有几个组件。
1.先创建一个新项目
ng new module
注意:这个项目得带有路由
2.下面创建上图所示的三个自定义模块,如果我们要在自定义模块实现路由,那就要在命令中添加:- -routing,因为我们要在自定义模块中添加几个组件,那配置路由是必须的。
ng generate module modules/自定义模块名 --routing
3.看到上面的自定义模块中仅有一个模块的ts文件和配置路由的文件,这就与内置根模块有区别了,内置根模块还带有app.component.css、app.component.html、app.component.spec.ts文件,也就是根模块根组件,下面我们也为自定义模块创建根组件。
ng generate component modules/自定义模块名