有没有办法阻止 Angular 生成空白的 component.scss 文件？

Question

在 Angular 中，当您生成新组件（即ng generate component）时，它会创建一个新的 *.scss 文件以与新组件一起使用。然而，这些文件很少被使用。有没有办法禁止创建此文件，而只是让它生成代码、规范和模板？

Answer 1

如果您想避免获取组件的scss文件，请在使用命令（或简称）时使用--inlineStyle=true(或) 选项，如 @pzaenger 在其答案中所示。-s=trueng generate componentng g c <comp-name> -s=true

如果您希望新项目默认发生相同的行为，则可以在使用该命令时使用--inlineStyle=true(或) 选项。-s=trueng new

如果您希望现有项目默认使用相同的行为，则需要向angular.json文件添加一些内容。见下文。

...
"projects": {
    "<your project name>": {
    "root": "",
    "sourceRoot": "src",
    "projectType": "application",
    "prefix": "app",
    "schematics": {
        "@schematics/angular:component": {
        "inlineStyle": true,
        "styleext": "scss"
        }
    },
...

添加"inlineStyle": true到如上所示的适当位置。

然后，当您运行时ng generate component，样式将默认为内联。

2019-03-20 更新：更新了与 Angular CLI 7.x 配合使用的答案。自原始帖子以来，参数名称已更改。