Webpack에서 CSS 라이브러리 연결하기
npm을 통해 CSS 라이브러리를 설치하고 CSS 파일에 연결할 수 있습니다. normalize.css 라이브러리를 예로 살펴보겠습니다. 설치해 봅시다:
npm install normalize.css
CSS 파일에 직접 라이브러리를
가져옵니다. 이때 경로 앞에
물결표 ~를 붙여야 합니다.
이것은 Webpack에게 파일을
node_modules에서 찾아야 한다고 알려줍니다.
가져오기를 실행합시다:
@import '~normalize.css'
modern-css-reset 라이브러리를 설치하고 가져오세요.
프로젝트를 빌드하세요. 빌드 시 설치된 라이브러리가 어디에 위치하는지 확인해 보세요.