Vite에서 CSS Module이 DevTools에 로만 보일 때 해결하기 React + Vite 환경에서 CSS Module을 사용하다 보면브라우저 DevTools에서 스타일 출처가 파일이름.css처럼 바로 보이지 않고,로만 표시되는 경우가 있다. 이럴 때 CSS 파일 위치를 바로 찾기 불편한데,이유는 Vite가 개발 환경에서 CSS sourcemap을 기본 활성화하지 않기 때문이다. https://vite.dev/config/shared-options#css-devsourcemap 공식 문서에서 css.devSourcemap은 개발 중 CSS sourcemap을 활성화하는 옵션이며,기본값은 false라고 안내하고 있다. 왜 이 설정이 필요한가?CSS sourcemap이 꺼져 있으면DevTools에서..