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

Давайте потестируем импорт CSS стилей в JavaScript файле. Сделаем файл со стилями:

src/styles.cssbody {
  background: red;
}

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

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

Теперь, если после сборки проекта открыть в браузере HTML файл, к которому подключен файл сборки, мы увидим результат работы наших стилей.

Задание 1

Выполните описанное тестирование. Импортируйте несколько CSS файлов.

Задание 2

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

Задание 3

Откройте отладчик браузера и найдите на HTML странице ваши CSS стили.