Importere CSS-stiler i Webpack

I Webpack kan man importere CSS-stiler directe inn i en JavaScript-fil. Slik:

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

De importerte stilene vil bli satt inn direkte i den samlede JavaScript-filen. Deretter, når bundle kobles til HTML-filen, vil skriptet selv sette inn disse stilene i style-taggen.

Imidlertid kan ikke Webpack importere stiler så enkelt. For å gjøre dette må noen innstillinger gjøres. Vi skal jobbe med dem i de neste leksjonene.