Kiểm thử việc đóng gói CSS thành bundle trong Webpack

Hãy cùng kiểm thử việc đóng gói CSS thành một bundle riêng biệt. Giả sử chúng ta có hai file CSS.

Thứ nhất:

src/styles1.cssbody {
  background: red;
}

Thứ hai:

src/styles2.cssp {
  color: green;
}

Import chúng vào điểm vào:

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

Lệnh build dự án sẽ đóng gói tất cả vào một file riêng biệt với tên main.css:

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