선배님들 Webpack CSS Module 질문 있습니다!!

Question

Vanilla JS로 SPA 를 구현해보고 있습니다. 번들링 된 css의 class name 중복을 피하기 위해서 css-loader의 module.localIdentName 프로퍼티를 이용해서 서로 다른 class name을 가질 수 있도록 하려고 합니다. 이 과정에서 다양한 css 파일 중에 template이 되는 html 에 필요한 css는 localIdentName을 적용하지 않으려고 하는데, 마땅한 해결책을 찾기 어려워서 질문 올립니다. 아니면 이 외에도 class name 중복을 피하기 위한 다양한 방법을 소개해주시면 감사하겠습니다!!

[object Object] · Answer

예를들어서 on이라는 class가 중복 되는 문제를 말씀하시는거 같은데 그럴때는 상위 클래스를 활용하는 방법도 있습니다. ex)

메뉴1
메뉴2

이런식으로 on에 공통 스타일을 적용하고 세부적인건 부모 클래스를 활용해서 적용시키면 됩니다.

UNgE · Answer

나후나 답변 감사합니다. 제 경우는 SPA에 필요한 css 파일 번들링 시 서로 다른 css 파일에서 정의한 class name이 중복되는 경우를 말한거였습니다. 위의 문제는 webpack에서 해당 css를 번들링에서 제외하는 것으로 해결했습니다!

선배님들 Webpack CSS Module 질문 있습니다!!

2개의 답변

Q&A 목록