在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"
                    ]
                }
            }
    }
}

}

谢谢。