or run

tessl search
Log in

vite

tessl install github:onmax/nuxt-skills --skill vite

github.com/onmax/nuxt-skills

Vite is a next-generation frontend build tool that provides a fast dev server with HMR and optimized production builds

Review Score

76%

Validation Score

12/16

Implementation Score

100%

Activation Score

33%

Vite

Next-gen frontend build tool with native ESM dev server and Rolldown-powered builds.

When to Use

  • Setting up frontend project build tooling
  • Configuring dev server, HMR, proxies
  • Building for production (SPA, MPA, library, SSR)
  • Writing Vite plugins
  • Integrating with backend frameworks

Quick Start

npm create vite@latest my-app
// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  server: {
    port: 3000,
  },
})
vite          # Dev server
vite build    # Production build
vite preview  # Preview build

Reference Files

TaskFile
Config file, options, CLI, pluginsconfig.md
ESM, CSS, assets, env vars, glob importfeatures.md
Dev server, HMR, workers, performancedev.md
Production, library mode, SSR, chunkingbuild.md
JS API, plugin authoring, module graphadvanced.md

Load Based on Task

Setting up a project? → Load config.md Using CSS/assets/env vars? → Load features.md Dev server issues? → Load dev.md Building for production? → Load build.md Writing plugins? → Load advanced.md

Cross-Skill References

  • Testing → Use vitest skill (Vite-native testing)
  • Vue projects → Use vue skill for component patterns
  • Library bundling → Use tsdown skill for TypeScript libs