Импорт на CSS стилове във Webpack

Във Webpack можете да импортирате CSS стилове директно във JavaScript файл. Ето така:

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

Импортираните стилове ще бъдат вмъкнати директно във файла на JavaScript сборката. След това, когато bundle файлът бъде свързан с HTML файла, скриптът сам ще вмъкне тези стилове в тага style.

Обаче, Webpack не може да импортира стилове толкова лесно. За това трябва да направите някои настройки. С тях ще се занимаем в следващите уроци.