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

Ајде да го тестираме импортот на CSS стилови во JavaScript датотека. Да направиме датотека со стилови:

src/styles.cssbody {
  background: red;
}

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

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

Сега, ако по собирањето на проектот се отвори во прелистувачот HTML датотеката, на која е поврзана датотеката на сборот, ќе го видиме резултатот од работата на нашите стилови.

Задание 1

Извршете го опишаното тестирање. Импортирајте неколку CSS датотеки.

Задание 2

Отворете ја во уредникот датотеката на сборот и со помош на пребарувањето пронајдете во неа вашите CSS стилови.

Задание 3

Отворете го дебагерот на прелистувачот и пронајдете на HTML страницата вашите CSS стилови.