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 스타일을 찾아보세요.