angular - 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 选项以获取更多选项和理解