title: Angular 8 - Is importing all material modules into the main app module better than importing individual material modules inside different modules?
body: <p>What is the best way to import material modules into an Angular 8 project? Is it by importing the material.module.ts to app main module and then use it in other modules:</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  
  import {
    MatButtonModule,
    MatMenuModule,
    MatToolbarModule,
    MatIconModule,
    MatCardModule
  } from '@angular/material';
  
  @NgModule({
    imports: [
      MatButtonModule,
      MatMenuModule,
      MatToolbarModule,
      MatIconModule,
      MatCardModule
    ],
    exports: [
      MatButtonModule,
      MatMenuModule,
      MatToolbarModule,
      MatIconModule,
      MatCardModule
    ]
  })
  export class MaterialModule {}
  </code></pre>
  
  <p>Or simply import the mainly used modules of material in each module?</p>
  
  <p>Per example, if I only used <code>mat-card</code> in <code>ProductsModule</code>, I simply import <code>MatCardModule</code> in the products module and be done with it.</p>