Vite & Modern Bundlers

Understands Vite's role as a dev server and bundler in SvelteKit, uses standard vite.config.js configuration. Works with HMR for fast Svelte component development, understands dev/build mode differences and basic Vite environment variables.

Uses Vite for Vue project development — HMR, dev server, basic vite.config.ts configuration. Understands the difference between dev and production modes, configures aliases and environment variables.

Works with Vite in fullstack projects: understands dev server with HMR, basic configuration for React/Vue. Can set up proxy for API requests to backend, import assets and use environment variables for different environments.

Configures Vite for a SvelteKit project: custom path aliases, API proxy, dependency optimization (optimizeDeps). Connects Vite plugins for SVG components, imagetools, configures build optimizations and environment variables for different environments.

Configures Vite for Vue project — plugins (unplugin-auto-import, unplugin-vue-components), API proxy, dep pre-bundling optimization. Configures Vitest through vite.config, sets up SSR mode for Nuxt.

Independently implements complex UI components with Vite and modern bundlers. Optimizes rendering performance. Writes tests. Applies for state management.

Designs advanced Vite configuration for SvelteKit: custom plugins, SSR externals, conditional builds for different adapters. Optimizes build speed through persistent cache, parallel transforms, creates Vite plugins for code generation and metrics.

Designs Vite configuration for large-scale Vue applications — custom plugins, multi-entry builds, library mode for component libraries. Optimizes build time through parallelism, caching and incremental builds.

Configures Vite for fullstack development: custom plugins, SSR mode for server-side rendering, dependency pre-bundling optimization. Configures multi-entry builds for different application parts and integrates Vitest for end-to-end testing.

Standardizes Vite configuration in the team's Svelte projects: shared presets, plugin stack, build pipelines for monorepos. Defines Vite and SvelteKit upgrade strategy, ensures build stability and optimal build times in CI.

Defines Vite configuration standards for Vue teams — shared presets, plugin governance, migration guide. Introduces Turborepo for monorepo with Vue projects, optimizes CI/CD pipeline through Vite artifact caching.

Designs Vite infrastructure for the fullstack platform: monorepo configuration with shared plugins, SSR pipeline, custom transforms. Defines configuration standards for the team and optimizes DX in fullstack development with a unified build tool.

Defines build tooling strategy at the organizational level, researches Rolldown and future Vite optimizations for Svelte. Influences vite-plugin-svelte development, contributes to the Vite ecosystem, shapes architectural decisions for the platform's build infrastructure.

Shapes build tooling strategy for company's Vue ecosystem — Vite vs Turbopack evaluation, plugin ecosystem contribution, build unification. Researches Rolldown, Module Federation 2.0 and other bundling evolutions.

Defines organizational build tooling strategy: Vite as fullstack project platform, webpack migration, plugin architecture. Contributes to Vite ecosystem, creates internal plugins and templates for scaling fullstack development.