I found MS DOC about Css in razor. But it isn't work with Scss file.

I resolve this problem by creating two files: css and scss. And use sass --watch. But I need write this every time, when creating new component.

CodePudding user response：

Unfortunately SASS is not supported for CSS Isolation feature of Blazor. At least, not at this moment.

In our project, we use CSS Isolation for the CSS component isolation feature, but we use SASS files to manage our theme, for style we want accros the application.

That being said, if you really need some SASS for an unique component, you totally can, by adding for example a wrapper with a specified id, and use this id in your scss file, with a dedicated name for it, for example MyComponent.scss.

In addition, I've found this article, but I preferred to not use it because it is a bit heavy to setup, but up to you: https://joren-thijs.medium.com/how-to-add-scss-support-to-blazor-cd2a62995441

CodePudding user response：

Chris Sainty gives a pretty detailed guide to using SASS in Blazor, you can find it here https://chrissainty.com/get-some-sass-into-your-blazor-app/

He suggests using the Web Compiler Visual Studio extension https://github.com/madskristensen/WebCompiler