ComeOnOliver/skillshub

Vite

Baseado no Vite 8 beta (com Rolldown). O Vite 8 usa o bundler Rolldown e o transformador Oxc.

Vite é uma ferramenta de build frontend de última geração com servidor de desenvolvimento rápido (ESM nativo + HMR) e builds de produção otimizados.

Preferências

• Use TypeScript: prefira vite.config.ts
• Sempre use ESM, evite CommonJS

Núcleo

Tópico	Descrição	Referência
Configuração	vite.config.ts, defineConfig, configurações condicionais, loadEnv	núcleo-config
Recursos	import.meta.glob, consultas de assets (?raw, ?url), import.meta.env, API HMR	núcleo-recursos
API de Plugins	Hooks específicos do Vite, módulos virtuais, ordenação de plugins	núcleo-api-plugins

Build e SSR

Tópico	Descrição	Referência
Build e SSR	Modo biblioteca, modo middleware SSR, ssrLoadModule, API JavaScript	build-e-ssr

Avançado

Tópico	Descrição	Referência
API de ambiente	Suporte a múltiplos ambientes no Vite 6+, runtimes personalizados	api-ambiente
Migração para Rolldown	Mudanças do Vite 8: bundler Rolldown, transformador Oxc, migração de configuração	migracao-rolldown

Referência Rápida

Comandos CLI

vite              # Iniciar servidor de desenvolvimento
vite build        # Build de produção
vite preview      # Visualizar o build de produção
vite build --ssr  # Build SSR

Configuração Comum

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [],
  resolve: { alias: { '@': '/src' } },
  server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
  build: { target: 'esnext', outDir: 'dist' },
})

Plugins Oficiais

• @vitejs/plugin-vue - Suporte a SFC do Vue 3
• @vitejs/plugin-vue-jsx - JSX do Vue 3
• @vitejs/plugin-react - React com Oxc/Babel
• @vitejs/plugin-react-swc - React com SWC
• @vitejs/plugin-legacy - Suporte a navegadores legados