Angular CLI 命令跳过创建 SCSS 文件

【问题标题】：Angular CLI command to skip creating the SCSS fileAngular CLI 命令跳过创建 SCSS 文件
【发布时间】：2018-05-30 19:32:21
【问题描述】：

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

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

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

【问题讨论】：

这能回答你的问题吗？ Angular / create a module, component without css file in one command?

标签： angular angular-cli

【解决方案1】：

可以在终端中使用以下 angular 命令

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

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

【讨论】：

【解决方案2】：

您需要选项 inlne 样式，例如

ng g c file -is -spec false

【讨论】：

完美！谢谢！

【解决方案3】：

您还可以编辑您的 angular-cli.json 文件以告诉 Angular 创建 css 文件而不是 scss

从项目的根文件夹中打开您的 angular-cli.json 文件。

找到 defaults 键

...

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

...

并将styleExt 的值更改为css。

你现在应该可以走了。

【讨论】：