Angular中预加载和懒加载配置具体有哪些细节和区别？

本文共计2088个文字，预计阅读时间需要9分钟。

本篇文章带大家了解Angular中的路由配置，简单介绍预加载配置、懒加载配置，希望对大家有所帮助！

NgModule作为Angular模块的核心，下面先来讲讲。

1. @NgModule的作用：

@NgModule是用来定义Angular模块的元数据，它描述了模块的依赖项、组件、服务和其他配置信息。

本篇文章带大家了解一下Angular中的路由配置，简单介绍一下预加载配置、懒加载配置，希望对大家有所帮助！

NgModule作为Angular模块的核心，下面首先就来讲一讲。

1、@NgModule的作用：

• NgModule 最根本的意义是帮助开发者组织业务代码，开发者可以利用 NgModule 把关系比较紧密的组件组织到一起，这是首要的。
• NgModule 用来控制组件、指令、管道等是否可以使用，处于同一个 NgModule 里面的组件默认互相可见，而对于外部的组件来说，只能看到 NgModule 导出（ exports ）的内容，也就是说，如果你定义的 NgModule 不 exports 任何内容，那么外部使用者即使 import 了你这个模块，也没法使用里面定义的任何内容。
• NgModule 是打包时候用到的最小单位，打包的时候会检查所有 @NgModule 和路由配置，Angular底层是使用webpack打包。因为Angular已经帮我们配置好了webpack，所以开发者轻松很多，否则就需要自己配置环境。
• NgModule 是 Router 进行异步加载的最小单位，Router 能加载的最小单位是模块，而不是组件。当然，模块里面只放一个组件是允许的，很多组件库都是这样做的。