Webpack에서 CSS 번들 빌드 테스트

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

첫 번째:

body {
	background: red;
}

두 번째:

p {
	color: green;
}

진입점으로 가져옵니다:

import './styles1.css';
import './styles2.css';

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

body {
	background: red;
}
p {
	color: green;
}

세 개의 CSS 파일을 진입점으로 가져오세요.

개발 모드에서 빌드를 실행하세요. CSS 번들 파일을 살펴보세요.

프로덕션 모드에서 빌드를 실행하세요. CSS 번들 파일을 살펴보세요.