Δοκιμή της συλλογής CSS σε bundle στο Webpack

Ας δοκιμάσουμε τη συλλογή CSS σε ένα ξεχωριστό bundle. Ας υποθέσουμε ότι έχουμε δύο αρχεία CSS.

Το πρώτο:

src/styles1.cssbody {
  background: red;
}

Το δεύτερο:

src/styles2.cssp {
  color: green;
}

Ας τα εισάγουμε στο σημείο εισόδου:

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

Η εντολή για τη συλλογή του project θα συλλέξει όλα σε ένα ξεχωριστό αρχείο με όνομα main.css:

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