안녕하세요,
Blazor 에도 Sass 를 사용하는 방법을 공유합니다.
개인적으로 React + Redux 같은 Front End 프로젝트를 진행할 때 Sass 를 사용했는데, Blazor 같은 경우 Node.js 기반이 아니다 보니 직접 컴파일해서 CSS 파일을 만들어야 하나 고민하던 중 좋은 글을 발견해서 따라했더니 Blazor 프로젝트에도 쉽게 Sass 를 적용할 수 있었습니다.
핵심은 Sass 파일을 수정할 때마다 컴파일해서 CSS 파일을 얻고, 디버깅할 때 Source Map 을 생성하고, 리모트 빌드할 때 Sass 파일을 컴파일하도록 하는 과정인데, Web Compiler Extensions 하고 BuildWebCompiler Nuget 패키지로 쉽게 적용할 수 있습니다.
기존에 ASP.NET 으로 프로젝트를 해보신 분들에게는 당연할 수 있지만, 저와 같이 처음 Blazor 를 접하시는 분들에게는 도움이 될 것 같아 공유합니다.
감사합니다.
