webpack - 如何在 webpack 应用程序中包含 Angular 2 Material 主题。 (JHipster)？

Question

我正在尝试将角度 Material 模块导入到我的应用程序中。我做了接下来的事情:安装角材

yarn add @angular/material

包含必要的模块

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

在我的 vendor .scss 中包含默认样式@import '~@angular/material/prebuilt-themes/indigo-pink.css';

但它似乎不起作用，我错过了什么？

Answer 1

1. 添加 Material 和hammerjs
   yarn 添加@angular/material Hammerjs(如果需要，则安装 yarn ) Material 应该是:“@angular/material”:“^2.0.0-beta.2”版本

2. 在每个实体模块中导入 Material 模块和hammerjs
   “从‘@angular/material’导入{MaterialModule}；导入‘hammerjs’；”在导入数组中添加 Material 模块

3. 将样式添加到vendor.scss。在 bootstrap 之前添加
   @import 'node_modules/@angular/material/core/theming/prebuilt/deeppurple-amber.scss';