Δοκιμή εισαγωγής 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 σας.