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

Question

在 angular 中，当您生成新组件(即 ng generate component )时，它会创建一个新的 *.scss 文件以与新组件一起使用。但是，这些文件很少使用。有没有办法抑制这个文件的创建，让它生成代码、规范和模板？

Answer 1

如果您想避免获取组件的 scss 文件，请使用 --inlineStyle=true (或 -s=true )选项，同时使用 ng generate component命令(或简称 ng g c <comp-name> -s=true)，正如@pzaenger 在他们的回答中所示。

如果您希望默认情况下为新项目发生相同的行为，您可以使用 --inlineStyle=true (或 -s=true )选项，同时使用 ng 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 的更新答案。自原始帖子以来，参数名称已更改。