Testando a importação de estilos CSS no Webpack

Vamos testar a importação de CSS em um arquivo JavaScript. Vamos criar um arquivo de estilos:

src/styles.cssbody {
  background: red;
}

Vamos importá-lo:

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

Agora, se após a build do projeto você abrir o arquivo HTML no navegador, ao qual o arquivo de build está vinculado, veremos o resultado do trabalho dos nossos estilos.

Задание 1

Execute o teste descrito. Importe vários arquivos CSS.

Задание 2

Abra o arquivo de build no editor e usando a busca, encontre nele os seus estilos CSS.

Задание 3

Abra o debugador do navegador e encontre na página HTML os seus estilos CSS.