Тестване на импорта на CSS стилове в Webpack

Нека тестваме импорта на CSS стилове във JavaScript файл. Нека направим файл със стилове:

src/styles.cssbody {
  background: red;
}

Импортираме го:

src/index.jsimport './styles.css';

Сега, ако след сглобяване на проекта отворите във браузъра HTML файла, към който е свързан файла на сглобяването, ще видим резултата от работата на нашите стилове.

Задание 1

Изпълнете описаното тестване. Импортирайте няколко CSS файла.

Задание 2

Отворете в редактора файла на сглобяването и с помощта на търсене намерете в него вашите CSS стилове.

Задание 3

Отворете дебъгера на браузъра и намерете на HTML страницата вашите CSS стилове.