scss에 대해 질문 드립니다

[송지호]

안녕하세요

scss를 사용해서 프로젝트를 진행하고 있는데요,

각 컴포넌트 마다 scss파일을 따로 만들어서 적용하였는데

import하지 않은 scss파일의 내용도 같이 적용되는 현상이 있어서 왜 그런지 궁금해서 질문 드립니다

첨부한 사진 처럼 ShelterDetail.js에 import한 파일은 ShelterDetail.js인데

ShelterList.scss의 내용까지 적용이 되어 버립니다

 

디렉토리 구조는

shleter

ㄴstyles

    - shelterDetailscss

    - shelterList.scss

- index.js

- ShelterDetail.js

- ShelterList.js

 

입니다.

어떤 문제인지 검색해보아도 관련된 내용을 찾을 수가 없습니다ㅠ

[송지호]

글이 두개가 올라갔는데 삭제가 안되네요..!

[codingapple]

빌드하면 css파일을 전부하나로 합쳐줘서 그렇습니다 

[송지호]

디렉토리마다 합쳐지는 건가요?

[codingapple]

모든거 다합쳐줍니다

https://create-react-app.dev/docs/adding-a-css-modules-stylesheet/

css작명할 때 .module.css로 끝나게 작명하면 간섭없을걸요 

 

[글쓴이]

글