Angular CLI 命令可跳过创建 SCSS 文件

Question

Angular CLI 中的以下命令生成一个包含 3 个文件的新组件 - HTML、TS 和 SCSS。

ng g c file --skip-import --spec false

我只需要 HTML 和 CSS。我已经跳过了规范文件..我如何告诉它跳过创建 SCSS？

Answer 1

可以在终端中使用以下角度命令

ng g c something-component --flat -it -is --skipTests


     -is for inline css, preventing style file creation>
     --flat to prevent folder creation
     -it for inline template, preventing html file creation
     --skipTests to prevent .spec file creation

根据您的要求尝试其中一种

Answer 2

您需要行内样式选项，例如

ng g c file -is -spec false

Answer 3

您还可以编辑

angular-cli.json

文件来告诉 Angular 创建

css

文件而不是

scss

从项目的根文件夹中打开

angular-cli.json

文件。

找到defaults键

...

"defaults": {
    "styleExt": "scss",
    "component": {}
}

...

并将

styleExt

的值更改为

css

。

你现在应该可以走了。

Answer 4

ng g c component-name --skip-tests --style none

供将来参考：您可以发出

ng g c --help

显示有关生成组件的所有选项

（编辑：我重读了你的问题，如果你想强制创建css而不是scss，请使用

--style css

代替）

Answer 5

通过将“style”属性设置为“none”，当您使用 Angular CLI 命令（如 nggenerate component）创建新组件时，Angular CLI 将不会生成任何样式文件（CSS、SCSS 等）。

    {
     ...
     "projects": {
         "your-project-name": {
         ...
             "schematics": {
                 "@schematics/angular:component": {
                     "style": "none"
                 }
             }
         }
     }
     ...
    }