webpackアプリにアンガー2の素材を含めるにはどうすればいいですか？（JHIPSTER）？

角度材料モジュールをアプリにインポートしようとしています。私は次のことを行っている：はwebpackアプリにアンガー2の素材を含めるにはどうすればいいですか？（JHIPSTER）？

yarn add @angular/material

角度材料をインストールnesesaryモジュールの角/材料/ビルド済みの@〜私のvendor.scss @import」内のtehのdefoultスタイルを含ま

@NgModule({ 
    imports: [ 
     DevizionSharedModule, 
     BrowserAnimationsModule, 
     MdCardModule, 
     MdTabsModule,

を含ま-themes/indigo-pink.css ';

しかし、それは動作していないようですが、何が欠けていますか？

は、材料を追加し、
糸が角/材料hammerjs @追加hammerjs（必要に応じて糸がインストール）材質は次のようになります。 "@角度/材料"： "^2.0.0-beta.2 "バージョン
すべてのエンティティモジュールで素材モジュールとhammerjをインポートします。
" {angularModule} from '@ angular/material'; インポート 'hammerjs';」は輸入配列
に材料モジュールを追加vendor.scssするスタイルを追加し、ブートストラップ
@import「node_modules /角度/材料/コア/テーマ/構築済み@/deeppurple-前にそれを追加します。 amber.scss ';

2017-05-03 05:11:40

私は2回間違って投稿したと仮定します。あなたの回答を選択し、他の回答を削除してください。 – ceebreenk

あなたapp.module.tsで輸入角度材料モジュールと輸入のメタデータでそれを追加します。

その後、輸入のメタデータに追加します。

imports: [ 
    MaterialModule, 
    ..... 
    ]

また、この行を追加します。あなたの全世界のscssファイル：

また、このスタイルシートをindex.htmlに追加する必要があるかもしれません電子あなたのアプリで材料アイコン：

<link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'>

2017-04-17 08:59:53

webpackアプリにアンガー2の素材を含めるにはどうすればいいですか？ （JHIPSTER）？