CSS-stijlen importeren in Webpack

In Webpack is het mogelijk om CSS-stijlen rechtstreeks in een JavaScript-bestand te importeren. Zoals dit:

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

De geïmporteerde stijlen worden rechtstreeks in het gebundelde JavaScript-bestand geplaatst. Vervolgens, wanneer de bundel wordt gekoppeld aan een HTML-bestand, zal het script zelf deze stijlen in de style tag invoegen.

Echter, Webpack kan stijlen niet zomaar op deze manier importeren. Hiervoor moeten enkele instellingen worden gemaakt. Daar gaan we in de volgende lessen mee aan de slag.