如何添加和使用自定义的Angular模块？

自定义模块用来最大限度的管理工程中真正用到的模块，可以最大范围的控制bundle大小。下面是一个使用material模块的例子：

material.module.ts

import { NgModule } from '@angular/core';
import {MatButtonModule} from '@angular/material/button';
import { MatDialogModule } from '@angular/material/dialog';
import { MatInputModule } from '@angular/material/input';
import {MatSelectModule} from '@angular/material/select';

const modules = [MatButtonModule, MatDialogModule, MatInputModule, MatSelectModule]; 
@NgModule({ 
  imports: modules, 
  exports: modules 
}) 
export class MaterialModule { }

接下来，需要在使用这些模块的主模块中引入这个模块：

 imports: [
    MaterialModule
  ],