Как подключить Material Design + Angular 2 + Webpack?

Question

[DarthJS]

Кто сталкивался с таким?
Я только начинаю работу с Angular 2 и немного путаюсь в версиях.
Так как раньше работал с Webpack, по привычке использую его.
Получается такой результат:

//////////////////
// WEBPACK
///////////
new DllBundlesPlugin({
   bundles: {
     '@angular/material',
     }
  })

// APP MODULE
import { MaterialModule } from '@angular/material';
// Какую версию нужно устанавливать @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] // Выдаёт такую ошибку
  //Generic type 'Type<T>' 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'. 
})

Comments

[Alexander Belov]

А чем не устраивает вариант через npm?

[DarthJS]

Alexander Belov: не очень понял

[Alexander Belov]

По поводу Webpack не подскажу, а так устанавливаешь пакет на Angular CLI и пользуешься.
https://www.npmjs.com/package/material-design-lite

[DarthJS]

Alexander Belov: спасибо, уже подсказали, просто хотел понять как это на живом проекте можно организовать

Answer 1

[Kostya Gorozhanov]

Советую использовать Angular CLI
directive: [MdButton] // Не актуально
https://material.angular.io/components/component/button

Comments

[DarthJS]

та хотелось бы понять как оно работает :( спасибо за angular-cli , смотрел на него. вот только установил всё вроде собирает, но не понял где лежат конфиги вебпака

[DarthJS]

А так подключился Матириал без проблем, спасибо.
С вебпак конфигами подскажешь?

[DarthJS]

Кажись догнал, они не включены, нужно проследовать инструкциям по Webpack upgradУ

[Kostya Gorozhanov]

не уверен, но возможно конфиги лежат глобально