Angular2-mdl和webpack

Question

我已经按照https://www.npmjs.com/package/angular2-mdl提供的步骤进行了操作，并使Angular2-mdl正常运行，但现在我已经陷入了我想要包含MDL的scss文件的地步。

我没有扩展angular-cli-build.js，也不认为我真的必须这样做。那么，在仅使用webpack的时候，我在哪里设置SASS编译器选项？

到目前为止，我已尝试通过webpack选项添加此内容：

id
---
 2

Answer 1

有两种方法可以包含材料设计精简版中的css：

• 您可以使用预生成的css文件。只需选择主题颜色并在html文件中包含链接。这是一个支持你的工具：http://mseemann.io/angular2-mdl/theme

• 如果您想完全控制mdl，可以使用scss文件。这要求您使用ng new projectname --style=sass生成项目（angular-cli@1.0.0-beta.16）。在生成的styles.sass文件中，您可以使用scss源。例如：

  @import "~angular2-mdl/src/scss-mdl/color-definitions";
  
  $color-primary: $palette-blue-500;
  $color-primary-dark: $palette-blue-700;
  $color-accent: $palette-amber-A200;
  $color-primary-contrast: $color-dark-contrast;
  $color-accent-contrast: $color-dark-contrast;
  
  @import "~angular2-mdl/src/scss-mdl/material-design-lite";