Angular中缺少“您要使用哪种样式表格式（使用箭头键）”的SCSS选项

Question

当我尝试在终端中运行此程序时，SCSS的选项会丢失。在为AngularJs 7生成新项目的过程中如何获得SCSS的选项？

enter image description here

Answer 1

SCSS是Sass文件的扩展名，因此您应该选择Sass，这样会很好。

Answer 2

我相信，当您指定“ Sass”选项时，CLI将为您生成的组件创建.scss。

Answer 3

如果您希望Angular-cli默认为组件生成.scss文件。 请在angular.json中添加以下示意图。

    "schematics": {
            "@schematics/angular:component": {
                "styleext": "scss"
            }
        }

应该是Angular.json中的加法层次。 请将styles.css也更改为styles.scss。

{
"projects": {
    "projectName": {
        "schematics": {
            "@schematics/angular:component": {
                "styleext": "scss"
            }
        },
        "architect": {
            "build": {
                "options": {
                    "styles": [
                        "src/styles.scss",
                        "node_modules/ngx-toastr/toastr.css"
                    ]
                }
            }
    }
}

}

谢谢。