Menguji Pengemasan CSS ke dalam Bundle di Webpack

Mari kita uji pengemasan CSS ke dalam bundle terpisah. Misalkan kita punya dua file CSS.

Pertama:

src/styles1.cssbody {
  background: red;
}

Kedua:

src/styles2.cssp {
  color: green;
}

Impor keduanya ke titik masuk:

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

Perintah untuk membangun proyek akan mengemas semuanya ke dalam file terpisah dengan nama main.css:

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