CSS Bundle Testinin Webpack'te Toplanması

CSS'in ayrı bir bundle halinde toplanmasını test edelim. İki CSS dosyamız olduğunu varsayalım.

Birinci:

src/styles1.cssbody {
  background: red;
}

İkinci:

src/styles2.cssp {
  color: green;
}

Onları giriş noktasına aktaralım:

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

Proje derleme komutu, her şeyi main.css adında ayrı bir dosyada toplayacaktır:

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