Δοκιμή της συλλογής CSS σε bundle στο Webpack
Ας δοκιμάσουμε τη συλλογή CSS σε ένα ξεχωριστό bundle. Ας υποθέσουμε ότι έχουμε δύο αρχεία CSS.
Το πρώτο:
body {
background: red;
}
Το δεύτερο:
p {
color: green;
}
Ας τα εισάγουμε στο σημείο εισόδου:
import './styles1.css';
import './styles2.css';
Η εντολή για τη συλλογή του project
θα συλλέξει όλα σε ένα ξεχωριστό αρχείο
με όνομα main.css:
body {
background: red;
}
p {
color: green;
}
Εισάγετε στο σημείο εισόδου σας τρία αρχεία CSS.
Εκτελέστε τη συλλογή σε λειτουργία ανάπτυξης. Μελετήστε το αρχείο CSS bundle.
Εκτελέστε τη συλλογή σε λειτουργία production. Μελετήστε το αρχείο CSS bundle.
