⚡

Vite构建配置专家 vite

Vite构建配置专家技能，专注于现代前端项目的构建工具配置、性能优化和开发体验提升。提供Vite框架配置、插件开发、热更新（HMR）、代码分割、环境变量管理等专业指导，帮助开发者高效搭建和优化前端开发与构建流程。关键词：Vite配置、前端构建、性能优化、热模块替换、开发服务器、Rollup插件、代码分割、环境变量。

前端开发 0 次安装 0 次浏览 更新于 2/26/2026

名称: vite 描述: Vite配置、插件、优化、热模块替换（HMR）和构建定制。 允许工具: 读取、写入、编辑、Bash、Glob、Grep

Vite 技能

提供配置和优化Vite构建的专业协助。

能力

  • 为各种框架配置Vite
  • 创建和使用插件
  • 优化构建
  • 配置开发服务器
  • 处理环境变量

配置示例

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  server: {
    port: 3000,
    proxy: {
      '/api': 'http://localhost:8080',
    },
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks: {
          vendor: ['react', 'react-dom'],
        },
      },
    },
  },
});

目标流程

  • 前端构建设置
  • 开发环境
  • 构建优化