Menguji Pembungkusan CSS ke dalam Bundle dalam Webpack

Mari kita uji pembungkusan CSS ke dalam bundle berasingan. Katakan kita mempunyai dua fail CSS.

Pertama:

src/styles1.cssbody {
  background: red;
}

Kedua:

src/styles2.cssp {
  color: green;
}

Import mereka ke titik kemasukan:

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

Arahan untuk membina projek akan mengumpulkan semua ke dalam fail berasingan dengan nama main.css:

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