post-thumbnail

npm 빌드시 CSS 우선순위가 Local 환경과 달라지는 이유 (feat.Vuetify...)

현재 진행중인 프로젝트에서는 Vuetify를 사용하고 있는데, Vuetify 컴포넌트의 디자인을 그대로 사용하기에는 한계가 있으므로 퍼블리싱 작업 단계에서 Vuetify 컴포넌트의 Style을 재정의해야 하는 경우가 다분하게 있다. 그런데 Local환경에서는 CSS가 의도한대로 잘 입혀졌으나, npm run build만 하면 Vuetify의 CSS 우선순위가 더 강력하게 먹어서 퍼블리셔를 열받게 하는 것이였다.. 이 문제를 해결하지 않으면 퍼블리셔가 CSS를 작성할 때마다 선택자를 아~주 길게 써야하고, 일일히 !important를 붙여줘야하는 불편을 겪는다. 나도 개발자가 되기 전에는 퍼블리셔였기 때문에 그 고통을 이해했고, 어떻게든 이 문제를 해결하고 싶었다. 그리고 구글링 했

2022년 11월 21일
·
7개의 댓글
·