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