Δοκιμή εισαγωγής CSS styles στο Webpack
Ας δοκιμάσουμε την εισαγωγή CSS styles σε ένα αρχείο JavaScript. Ας δημιουργήσουμε ένα αρχείο με styles:
src/styles.cssbody {
background: red;
}
Ας το εισάγουμε:
src/index.jsimport './styles.css';
Τώρα, αν μετά την δημιουργία του project ανοίξετε στο πρόγραμμα περιήγησης το αρχείο HTML, στο οποίο είναι συνδεδεμένο το αρχείο build, θα δείτε το αποτέλεσμα της λειτουργίας των styles μας.
Задание 1
Εκτελέστε την περιγραφόμενη δοκιμή. Εισάγετε πολλά αρχεία CSS.
Задание 2
Ανοίξτε στο editor το αρχείο build και με την βοήθεια αναζήτησης βρείτε μέσα σε αυτό τα CSS styles σας.
Задание 3
Ανοίξτε το πρόγραμμα εντοπισμού σφαλμάτων (debugger) του προγράμματος περιήγησης και βρείτε στη σελίδα HTML τα CSS styles σας.