Δοκιμή εισαγωγής CSS styles στο Webpack

Ας δοκιμάσουμε την εισαγωγή CSS styles σε ένα αρχείο JavaScript. Ας δημιουργήσουμε ένα αρχείο με styles:

body {
	background: red;
}

Ας το εισάγουμε:

import './styles.css';

Τώρα, αν μετά την δημιουργία του project ανοίξετε στο πρόγραμμα περιήγησης το αρχείο HTML, στο οποίο είναι συνδεδεμένο το αρχείο build, θα δείτε το αποτέλεσμα της λειτουργίας των styles μας.

Εκτελέστε την περιγραφόμενη δοκιμή. Εισάγετε πολλά αρχεία CSS.

Ανοίξτε στο editor το αρχείο build και με την βοήθεια αναζήτησης βρείτε μέσα σε αυτό τα CSS styles σας.

Ανοίξτε το πρόγραμμα εντοπισμού σφαλμάτων (debugger) του προγράμματος περιήγησης και βρείτε στη σελίδα HTML τα CSS styles σας.