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

Question

在Codelyzer test file我看到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

• architect.build.options
• architect.test.options

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

Answer 2

很遗憾，（目前）这是不可能的。从Angular文档中：

  

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

https://angular.io/guide/component-styles#non-css-style-files