javascript - 웹팩 패키징 CSS 문제

Question

웹팩을 구성할 때 CSS는 이렇게 설정했어요loader: 'style-loader!css-loader?modules'

다른 모듈 간의 스타일 이름 충돌을 방지할 수 있습니다. 그런데 이렇게 설정하면 제가 소개한 외부 CSS 스타일이 패키징되지 않고 표시되지 않습니다.

무엇이 문제인가요?

Answer 1

CSS를 패키징해야 하는 것과 패키징할 필요가 없는 것으로 구분합니다. 일반적으로 패키징해야 하는 CSS 소스 파일은 .less, .scss, .styl 등으로 끝나는 파일과 같이 전처리된 파일입니다. . 이러한 부분을 패키징할 수 있습니다. 파일은 webpack으로 구성되며 접미사가 .css인 파일은 CSS 모듈에서 처리되지 않습니다.

예:

으아악