1. Configuração do loader para usar com o CSS: criar uma nova pasta com o nome styles dentro da pasta src
  2. E ****dentro da nova pasta styles criar um arquivo com o nome global.css

Untitled

  1. E alterar o arquivo App.jsx incluindo a instrução da linha 1:

Untitled

  1. E no terminal do Visual Studio Code inserir o comando yarn dev e após o fim da execução é apresentado erro, pois não entendeu a sintaxe './styles/global.css'

Untitled

  1. Sendo necessário fazer a configuração no arquivo webpack.config.js criando uma nova regra para aceitar arquivos css, ****incluindo as instruções das linhas 32 até 36, sendo necessário primeiro instalar os módulos pelo terminal com o comando yarn add style-loader css-loader

Untitled

  1. Sendo necessário também alterar o arquivo App.jsx excluindo a instrução de exceção da linha 4 ficando conforme a figura abaixo:

Untitled

  1. Rodar o comando yarn dev novamente e acessar o localhost 8080 com a página atualizada:

Untitled

  1. Sendo possível visualizar o Elements:

Untitled

  1. No Visual Studio Code fica assim a estrutura do projeto:

Untitled