Webpack에서 CSS 번들 빌드 테스트

CSS를 별도의 번들로 빌드하는 것을 테스트해 봅시다. 두 개의 CSS 파일이 있다고 가정합니다.

첫 번째:

src/styles1.cssbody {
  background: red;
}

두 번째:

src/styles2.cssp {
  color: green;
}

진입점으로 가져옵니다:

src/index.jsimport './styles1.css';
import './styles2.css';

프로젝트 빌드 명령어는 모든 것을 main.css라는 별도의 파일로 빌드합니다:

dist/main.cssbody {
  background: red;
}
p {
  color: green;
}