在生成新的角度组件时无法获取 .scss 而不是 .css

Posted

技术标签:

【中文标题】在生成新的角度组件时无法获取 .scss 而不是 .css【英文标题】:Unable to get .scss instead of .css while generating new angular components 【发布时间】:2018-09-24 17:01:00 【问题描述】:

我希望在通过 Angular cli 创建新组件时生成 .scss 文件,但我得到的是 .css 文件。 尝试添加默认值

"defaults":    
     "styleExt": "scss", 
 

在 angular.json 中,但它不起作用。 我正在开发最新版本,即 Angular 6。 有谁知道如何获得这个?

【问题讨论】:

您需要将其添加到 .angular-cli.json(您的 Angular 项目的根文件夹)中,而不是 angular.json 中。 我在 angular 6。它没有 angular-cli.json,我只能看到 angular.json 的配置。 您使用的是哪个版本的 angular-cli? Angular-cli from css to scss的可能重复 我使用的是 6.0.0 版本的 angular-cli 【参考方案1】:

不像以前的版本,

"defaults":    
     "styleExt": "scss", 
 

你需要用下面的代码替换上面的行。

"schematics": 
    "@schematics/angular:component": 
      "style": "scss"
    
  

您可以在使用以下代码创建项目时轻松设置样式。

ng new project_name --style=scss

【讨论】:

以上是关于在生成新的角度组件时无法获取 .scss 而不是 .css的主要内容,如果未能解决你的问题,请参考以下文章

仅在特定组件而不是其他组件中使用 vue 中的 scss

在角度和 scss 中悬停时更改背景图像不透明度

使用反应测试库测试离子组件

角度 1.5 中的组件样式?

stenciljs 学习六 组件开发样式指南

无法绑定,因为它不是角度组件的已知属性