Webpack에서 CSS 스타일 import 테스트

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

src/styles.cssbody {
  background: red;
}

이 파일을 import 하겠습니다:

src/index.jsimport './styles.css';

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

Задание 1

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

Задание 2

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

Задание 3

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