Search code examples
sassangular-cliangular

How to enable SCSS inline template for angular component style with angular cli


At Codelyzer test file I saw SCSS beeing used in a styles inline template. Is it possible to enable it with Angular CLI?

My SCSS setup is working when using styleUrls but not for direct styles component decorator property.

Update:

I am using Angular CLI 1.0.0 with Angular 4.0.1

This is the error in shown in the WebStorm IDE

error in the WebStorm IDE


Solution

  • Support for inline SCSS in @Component decorator styles field is available from Angular v12

    To enable in existing applications add "inlineStyleLanguage": "scss" to angular.json in the following sections

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

    For a new Angular CLI project where scss is the selected style the inlineStyleLanguage configuration will default to scss