반응형
css-loader
-
[React 기초] Webpack 설치 및 실행 : 6탄 - CSS Loader 설치하기컴퓨터 알아가기/React 2023. 12. 31. 20:00
지금까지 순조롭게 웹팩 설치에 대한 순서를 같이 공부한 분들은 이해도가 상당히 높아졌을것으로 판단됩니다. 이제는 CSS 파일을 웹팩에서는 어떻게 연결할 수 있을지 알아볼 차례입니다. 이 부분은 코딩앙마의 프론트엔드 개발 과정을 공부하면서 React 웹팩에 적용하면서 확인한 내용입니다. ▒ 웹팩 CSS Loader 1. 태그내 태그로 연결 : Inner 방식 이 방식은 하나의 HTML 파일 태그 사이 태그를 생성하는 inner CSS loader방식입니다. 어찌되었던 CSS Loader설치가 필요해 보이네요. 다움과 같이 진행합니다. ① Node에서 설치 상기 설치모듈중 css-loader는 CSS파일을 찾아서 읽어내는 역할을 하고 style-loader는 태그내 태그를 만들어 내는 역할을 합니다. pac..