有没有办法防止Angular生成空白component.scss文件?

时间:2018-11-29 17:16:28

标签: angular angular-cli

在角度上,当您生成一个新组件(即ng generate component)时,它将创建一个新的* .scss文件以与新组件一起使用。但是,这些文件很少使用。有没有办法禁止创建此文件,而只是让它生成代码,规范和模板?

2 个答案:

答案 0 :(得分:1)

使用--inline-style,或仅使用string_you_want_to_rename

  

指定样式是否将在ts文件中。

还可以用于HTML标记(-s)等。

(尽管@ R.Richards更快,但我希望我的回答很好)

答案 1 :(得分:1)

如果要避免获取组件的 scss 文件,请在使用--inlineStyle=true命令时使用-s=true(或ng generate component)选项(或ng g c <comp-name> -s=true的缩写),如@pzaenger在其答案中所示。

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

如果希望将现有项目的默认行为设为默认行为,则需要在 angular.json 文件中添加一些内容。见下文。

ng new

在如上所示的适当位置添加... "projects": { "<your project name>": { "root": "", "sourceRoot": "src", "projectType": "application", "prefix": "app", "schematics": { "@schematics/angular:component": { "inlineStyle": true, "styleext": "scss" } }, ...

然后,当您运行"inlineStyle": true时,样式默认为内联。

2019-03-20更新::更新的答案可用于Angular CLI7.x。自原始帖子以来,参数名称已更改。