Testing CSS Bundle Assembly in Webpack

Let's test assembling CSS into a separate bundle. Let's say we have two CSS files.

First:

src/styles1.cssbody {
  background: red;
}

Second:

src/styles2.cssp {
  color: green;
}

We import them to the entry point:

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

The project build command will collect everything into a separate file named main.css:

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