Angular Material

I am using Angular 17 Angulat Material. I have created a file like below so that same code mot required to be written in all files. Is there any other better way to do this

import { NgModule } from "@angular/core";
import { MatTabsModule } from "@angular/material/tabs";
import { MatDialogModule } from '@angular/material/dialog';
import { MatIconModule } from "@angular/material/icon";
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatButtonModule } from '@angular/material/button';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
import { MatOptionModule } from '@angular/material/core';
import { MatSelectModule } from '@angular/material/select';
import { MatInputModule } from '@angular/material/input';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';

@NgModule({
    declarations: [],
    imports: [
        MatTabsModule,
        MatDialogModule,
        MatIconModule,
        MatMenuModule,
        MatInputModule,
        MatSelectModule,
        MatOptionModule,
        MatProgressSpinnerModule,      
    ],
    exports: [
        MatTabsModule,
        MatDialogModule,
        MatIconModule,
        MatMenuModule,
        MatInputModule,
        MatSelectModule,
        MatOptionModule,
        MatProgressSpinnerModule,
    ]
})

export class MaterialModule { }

Thanks

To optimize Angular Material imports in Angular 17, you can create a shared module that consolidates all the Angular Material modules. This approach helps in centralizing and managing imports effectively across your application.

import { NgModule } from "@angular/core";
import { MatTabsModule } from "@angular/material/tabs";
import { MatDialogModule } from '@angular/material/dialog';
import { MatIconModule } from "@angular/material/icon";
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatCheckboxModule } from '@angular/material/checkbox';
import { MatButtonModule } from '@angular/material/button';
import { MatTooltipModule } from '@angular/material/tooltip';
import { MatMenuTrigger, MatMenuModule } from '@angular/material/menu';
import { MatOptionModule } from '@angular/material/core';
import { MatSelectModule } from '@angular/material/select';
import { MatInputModule } from '@angular/material/input';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';

const materialModules = [
  MatTabsModule,
  MatDialogModule,
  MatIconModule,
  MatFormFieldModule,
  MatCheckboxModule,
  MatButtonModule,
  MatTooltipModule,
  MatMenuModule,
  MatOptionModule,
  MatSelectModule,
  MatInputModule,
  MatProgressSpinnerModule,
];

@NgModule({
  imports: materialModules,
  exports: materialModules,
})
export class MaterialModule { }

By consolidating all Angular Material modules in a shared module, you can easily import MaterialModule wherever needed in your application, reducing redundancy and improving code maintainability.