如何为具有角度cli的角度组件样式启用SCSS内联模板

Question

在Codelyzer测试文件中,我看到了样式内联模板中使用的SCSS.是否可以使用Angular CLI启用它？

我的SCSS设置在使用时工作,styleUrls但不适用于直接styles组件装饰器属性.

更新:

我正在使用Angular CLI 1.0.0和Angular 4.0.1

这是WebStorm IDE中显示的错误

Answer 1

Angular v12 提供了对@Component装饰器styles字段中内联 SCSS 的支持

要在现有应用程序中启用添加"inlineStyleLanguage": "scss”到angular.json以下部分

对于scss选择样式的新 Angular CLI 项目，inlineStyleLanguage配置将默认为scss

Answer 2

不幸的是，（此时）这是不可能的。来自 Angular 文档：

添加到@Component.styles 数组的样式字符串必须用 CSS 编写，因为 CLI 无法将预处理器应用于内联样式。