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

- E alterar o arquivo App.jsx incluindo a instrução da linha 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'

- 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

- 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:

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

- Sendo possível visualizar o Elements:

- No Visual Studio Code fica assim a estrutura do projeto:
