Тестване на импорта на CSS стилове в Webpack
Нека тестваме импорта на CSS стилове във JavaScript файл. Нека направим файл със стилове:
src/styles.cssbody {
background: red;
}
Импортираме го:
src/index.jsimport './styles.css';
Сега, ако след сглобяване на проекта отворите във браузъра HTML файла, към който е свързан файла на сглобяването, ще видим резултата от работата на нашите стилове.
Задание 1
Изпълнете описаното тестване. Импортирайте няколко CSS файла.
Задание 2
Отворете в редактора файла на сглобяването и с помощта на търсене намерете в него вашите CSS стилове.
Задание 3
Отворете дебъгера на браузъра и намерете на HTML страницата вашите CSS стилове.