如何在webpack应用程序中包括angular 2材质的主题化。（杰普斯特）？

我正在尝试将角度材质模块导入我的应用程序。 我做了以下几件事： 安装角材料

yarn add @angular/material

已包含的电子邮件模块

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

在我的vendor.scss中包含了defoult样式 @导入“~@angular/material/prebuild themes/indigo pink.css”

---

但它似乎不起作用，我缺少什么？

在app.module.ts中导入角度材质模块，并将其添加到导入元数据中：

import { MaterialModule } from '@angular/material';

imports: [
  MaterialModule,
   .....
  ]

然后将其添加到导入元数据：

import { MaterialModule } from '@angular/material';

imports: [
  MaterialModule,
   .....
  ]

还要在全局scss文件中添加此行：

@import '~@angular/material/core/theming/all-theme';
@include mat-core();

此外，您可能需要在index.html中添加此样式表以使用应用程序中的材质图标：

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

添加材料和锤子JS
纱线添加@angular/material hammerjs（需要时安装纱线） 材质应为“@angular/Material”：“^2.0.0-beta.2”版本

在每个实体模块中导入物料模块和hammerjs
“从“@angular/material”导入{MaterialModule}”； 导入“hammerjs” 在导入数组中添加材质模块

将样式添加到vendor.scss。在引导之前添加它
@导入“node_modules/@angular/material/core/theming/prebuild/deeppurple amber.scss”

---

我猜你两次发错了。选择您的答案并删除另一个。