Webpack'те CSS стилдердин импортун текшерүү

Келгиле, JavaScript файлында CSS стилдердин импортун текшерөлү. Стилдер менен файл түзөлү:

body {
	background: red;
}

Аны импорттойлу:

import './styles.css';

Эми, эгерде долбоорду чогулткандан кийин браузерде HTML файлын ачсаңыз, ал файлга чогултулган файл кошулган болсо, биз стилдердин иштей баштаганын көрөбүз.

Сүрөттөлгөн текшерүүнү аткарыңыз. Бир нече CSS файлдарын импорттоңуз.

Редактордо чогултулган файлды ачып, издөө жардамы менен андан өзүңүздүн CSS стилдериңизди табыңыз.

Браузердин дебаггерин ачып, HTML баракчасында өзүңүздүн CSS стилдериңизди табыңыз.