84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
웹팩을 구성할 때 CSS는 이렇게 설정했어요loader: 'style-loader!css-loader?modules'
loader: 'style-loader!css-loader?modules'
다른 모듈 간의 스타일 이름 충돌을 방지할 수 있습니다. 그런데 이렇게 설정하면 제가 소개한 외부 CSS 스타일이 패키징되지 않고 표시되지 않습니다.
Following the voice in heart.
CSS를 패키징해야 하는 것과 패키징할 필요가 없는 것으로 구분합니다. 일반적으로 패키징해야 하는 CSS 소스 파일은 .less, .scss, .styl 등으로 끝나는 파일과 같이 전처리된 파일입니다. . 이러한 부분을 패키징할 수 있습니다. 파일은 webpack으로 구성되며 접미사가 .css인 파일은 CSS 모듈에서 처리되지 않습니다.
예:
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CSS를 패키징해야 하는 것과 패키징할 필요가 없는 것으로 구분합니다. 일반적으로 패키징해야 하는 CSS 소스 파일은 .less, .scss, .styl 등으로 끝나는 파일과 같이 전처리된 파일입니다. . 이러한 부분을 패키징할 수 있습니다. 파일은 webpack으로 구성되며 접미사가 .css인 파일은 CSS 모듈에서 처리되지 않습니다.
예:
으아악