Angular 7：生成 @angular/material 组件给 sass 文件与 css 语法

Question

在使用 Angular CLI 生成新项目并选择 SASS 之后：

Which stylesheet format would you like to use? SASS   [ http://sass-lang.com   ]

用 ng 添加材料：

 ng add @angular/material

最后生成材质的导航栏组件：

ng generate @angular/material:materialNav --name=main-nav

给我们一个带有 css 语法的 main-nav.component.sass：

.sidenav-container {
  height: 100%;
}

.sidenav {
  width: 200px;
}

.sidenav .mat-toolbar {
  background: inherit;
}

.mat-toolbar.mat-primary {
  position: sticky;
  top: 0;
  z-index: 1;
}

有人知道是否可以使用 sass 语法从 @angular/material 生成？

谢谢

Answer 1

后缀 --style 开关和所需的样式表

ng generate @angular/material:materialNav --name=main-nav --style=sass 

你可以参考这个 SO 链接 Angular CLI SASS options 获取更多选择和理解