title: Role of imports / exports in Angular 2+ ngModule
body: <p>I'm learning Angular 2+ and I'm having a hard time understanding the role of imports/exports in an ngModule. More specifically why is important to import a module if you're going to import it anyway using es6 syntax as well </p>
  
  <pre><code>import { BrowserModule } from '@angular/platform-browser';
  @NgModule({
    imports:      [ BrowserModule ],
    providers:    [ Logger ],
    declarations: [ AppComponent ],
    exports:      [ AppComponent ]
  })
  </code></pre>
  
  <p>Wasn't much simpler to detect that the module was imported via es6 syntax?</p>
  
  <blockquote>
    <p>imports - other modules whose exported classes are needed by component
    templates declared in this module.</p>
  </blockquote>
  
  <p>But we're already importing those on the component level. Am I missing something? I'm also looking for some example to why they went for this syntax .</p>