Blazor를 사용한 Tailwind v4 - 더욱 쉬워졌습니다 | Steven Giesel

https://steven-giesel.com/blogPost/364c43d2-b31e-4377-8001-ac75ce78cdc6


이 글은 TailwindCSS v4와 Blazor를 함께 사용하는 방법을 설명합니다. Tailwind v4의 새로운 CLI를 통해 Blazor 프로젝트에 TailwindCSS를 쉽게 통합할 수 있습니다. 먼저, dotnet CLI를 사용해 새로운 Blazor 프로젝트를 생성하고, npm을 통해 TailwindCSS와 CLI를 설치합니다. 그런 다음, wwwroot/app.css에 Tailwind를 추가하고, npx 명령어로 dist.css 파일을 생성합니다. 이 과정을 자동화하기 위해 package.json에 스크립트를 추가하고, .csproj 파일에 PreBuild 이벤트를 설정합니다. GitHub Actions를 통해 CI 파이프라인을 설정할 수 있으며, dotnet watch와 Tailwind watch를 동시에 사용하여 실시간 변경 사항을 반영할 수 있습니다.

1개의 좋아요