InstruçõesProjeto.txt

----------------------------Para Rodar Esse Projeto:--------------------
Clone também o repositório da API criada com JsonServer. E dê "npm run dev"
nos dois repositórios. 

Após a execução, acesse esse projeto na url -> http://localhost:3333/
E os dados da API na url -> http://localhost:3000/ToDos

----------------------Como eu fiz o deploy dele no Netlify--------------
Mudei as configs de deploy, da pasta "dist/" pra pasta "public/"


----------Usando aAxios para fazer nossas requisições do JsonServer------

1º Rodamos (no projeto, NÃO na API com JsonServer) o comando: 
  npm i axios

2º Criamos agora, uma pasta com o nome "utils" na nossa pasta "src" do projeto, e adicionamos
um "axios.js", com os códigos (DENTRO das aspas): 

"
import axios from "axios"

export default axios.create({
baseURL: "http://localhost:3333",
});
"

3º E criamos uma pasta "api", também na nossa pasta "src" do projeto, 
onde haverá nossa(s) entidade(s) do projeto.

4º Para importar um arquivo css no nosso projeto utilizando o webpack, precisamos fazer com que
o webpack reconheça aquele arquivo como css. Já que padronizadamente, ele reconhece todos os arquivos
importados como Javascript. Para isso, colamos o comando:

 module: {
    rules: [
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"],
      },
    ],
  },

Dentro do nosso webpack.config.js, abaixo da config "devtools".

5º Instalando o style-loader e css-loader, como devDependencies no 
nosso package.json do projeto (utilizando o terminal) com o comando:
    npm i style-loader css-loader -D