CSS-assetsien kokoamisen testaaminen Webpackissa

Testataan CSS-tiedostojen kokoamista erilliseksi assetsiksi. Oletetaan, että meillä on kaksi CSS-tiedostoa.

Ensimmäinen:

src/styles1.cssbody {
  background: red;
}

Toinen:

src/styles2.cssp {
  color: green;
}

Tuodaan ne päätepisteeseen:

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

Projektin kokoamiskomento kokoaa kaiken erilliseen tiedostoon nimeltä main.css:

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