Webpack에서 CSS 스타일 import 테스트

JavaScript 파일에서 CSS 스타일을 import 해서 테스트해 보겠습니다. 스타일 파일을 만들겠습니다:

body {
	background: red;
}

이 파일을 import 하겠습니다:

import './styles.css';

이제 프로젝트 빌드 후, 빌드된 파일이 연결된 HTML 파일을 브라우저에서 열면, 우리가 작성한 스타일의 작동 결과를 볼 수 있습니다.

설명된 테스트를 수행해 보세요. CSS 파일 여러 개를 import 해보세요.

에디터에서 빌드된 파일을 열고 검색을 이용해 내부에 있는 당신의 CSS 스타일을 찾아보세요.

브라우저 디버거를 열고 HTML 페이지에서 당신의 CSS 스타일을 찾아보세요.