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