Next JS 앱에서 CSS 파일을 사용할 수 없는 이유는 무엇입니까?

Question

웹사이트 디자인에 Next JS를 사용하여 프로젝트를 진행했는데 컴포넌트 디자인에 CSS 파일을 사용하고 싶은데 왜 내 컴포넌트에 가져올 수 없나요? Next JS 앱에서는 모듈식 CSS 파일만 사용할 수 있나요?

Next JS 프로젝트에서 CSS 파일을 가져오려고 여러 번 시도했지만 성공적으로 가져오지 못했습니다. 전역 CSS 파일과 모듈식 CSS 파일을 가져왔지만 CSS 파일을 가져올 수 없습니다.

Answer 1

모듈을 사용하고 싶지 않지만 모든 구성 요소와 페이지에 영향을 미치는 전역 CSS 파일을 사용하고 싶다면 그렇게 할 수 있습니다.

그러나 각 구성 요소에 별도의 CSS 파일을 사용하려면 모듈이 해결책입니다.

이 문서를 참고하세요

아직 파일이 없다면 pages/_app.js파일을 생성하세요. 그런 다음 styles.css 파일을 가져옵니다.

으아악

스타일시트의 글로벌 특성으로 인해 충돌을 피하기 위해 페이지/_app.js에서만 스타일시트를 가져올 수 있습니다. styles.css의 이러한 스타일은 애플리케이션의 모든 페이지와 구성 요소에 적용됩니다.