Exercícios: Aula 15 - Build, Deploy e Produção 🚢

1. Scripts do NPM

Abra o arquivo package.json. Explique o que cada um dos comandos abaixo faz: - npm run dev - npm run build - npm run preview

2. O Processo de Build

Execute npm run build no seu projeto. Abra a pasta dist/ que foi gerada. O que aconteceu com seus arquivos .vue? Eles ainda existem nesse formato na pasta final?

3. Variáveis de Ambiente

Crie um arquivo .env e defina uma variável VITE_API_URL. Como você acessa esse valor dentro de um componente Vue ou arquivo JS no Vite? Por que não devemos salvar senhas reais nesse arquivo?

4. Preparando para o Deploy

Escolha um serviço de hospedagem gratuito (Vercel ou Netlify). Conecte seu repositório do GitHub e realize o primeiro deploy. Coloque o link do seu site no ar aqui.

5. Desafio: Auditoria com Lighthouse

Abra o seu site publicado no Google Chrome. Vá em "Inspecionar" -> "Lighthouse" e gere um relatório de performance. Identifique um ponto de melhoria sugerido pela ferramenta para o seu projeto Vue.