Testa import av CSS-stilar i Webpack

Låt oss testa att importera CSS stilar i en JavaScript-fil. Låt oss skapa en fil med stilar:

src/styles.cssbody {
  background: red;
}

Importera den:

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

Nu, om du efter projektbyggnad öppnar HTML-filen i en webbläsare, som byggfilen är ansluten till, kommer vi att se resultatet av våra stilar.

Задание 1

Utför den beskrivna testningen. Importera flera CSS-filer.

Задание 2

Öppna byggfilen i en redigerare och använd sökfunktionen för att hitta dina CSS-stilar i den.

Задание 3

Öppna webbläsarens felsökare och hitta dina CSS-stilar på HTML-sidan.