title: Import Material design to Angular 2 + webpack
body: <p>I'm new to Angular 2 and have a problem
  I use Angular2 + webpack, I'm importing Angular Material components but it doesn't work</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>//////////////////
  // WEBPACK
  ///////////
  new DllBundlesPlugin({
     bundles: {
       '@angular/material',
       }
    })
  
  // APP MODULE
  import { MaterialModule } from '@angular/material';
  // Should I use @angular/material or @angular2-material
  import { MaterialModule } from '@angular2-material';
  import 'hammerjs';
  
  @NgModule({
  imports: [MetarialModule.forRoot()]
  })
  
  // COMPONENT
  // import { MdButton } from '@angular/material';
  import { MdButton } from '@angular2-material/button';
  
  @Component({
    selector: 'test',
    templateUrl: './test.html',
    directive: [MdButton] // It says
    //Generic type 'Type&lt;T&gt;' requires 1 type argument(s)
    // Argument of type '{ selector: string; template: any; directives: typeof MdButton[]; }' is not assignable to parameter of type 'Component'.
    //Object literal may only specify known properties, and 'directives' does not exist in type 'Component'. 
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>Am I using wrong version or haven't include something ?</p>