Module federation에서 겪은 tailwind css 이슈 그리고 해결방법
최근 실무를 하면서 Module federation 환경에서 tailwind css를 사용해서 개발을 이어가고 있다. 헤드리스 UI가 부각되면서 Radix UI 기반의 Shadcn UI를 사용하려다보니 tailwind css를 사용하게 되었다. 하지만 역시 시행착오는 있다. 실제 잘 작동할 줄 알았던 스타일링에 문제가 발생했다. 문제 상황 remote 패키지에서 작성한 tailwind css의 class name이 제대로 host 패키지에서 서빙될때 스타일링이 되지 않는 문제 원인 파악 브라우저에서 실제 클래스 네임과 테일윈드의 클래스 네임이 mapping이 잘되는지 확인해보는게 우선이었다. 브라우저에서 스타일링이 정상적이지 않는 요소를 검사해보니 클래스 네임은 들어갔지만 스타일링 mapping이 되지 ..
개발
2024. 1. 15. 00:12
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- pnpm
- 독서
- vue3
- 서버상태관리
- Flutter
- design system
- frontend
- DevOps
- 프론트엔드아키텍처
- Style
- Module Federation
- defineProps
- subrouting
- 상태관리전략
- node module
- TanStackQuery
- MFA
- Infra
- CI
- 당신은 결국 무엇이든 해내는 사람
- aws
- test
- 프론트엔드최적화
- error handle
- vue
- Micro Frontend Architecture
- zero install
- 독후감
- deploy
- yarn-berry
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함