vite.config.js 基础结构

Vite 配置文件位于项目根目录，使用 defineConfig 函数定义配置选项。

创建配置文件

import { defineConfig } from 'vite'

export default defineConfig({
  // 配置选项
})

使用 TypeScript

import { defineConfig } from 'vite'
import type { UserConfig } from 'vite'

// defineConfig 提供类型提示
export default defineConfig({
  // 配置选项
})

函数形式配置

import { defineConfig } from 'vite'

export default defineConfig(({ command, mode }) => {
  // command: 'serve' | 'build'
  // mode: 'development' | 'production' | ...

  return {
    // 根据环境和模式返回不同配置
  }
})

配置文件位置

注意：Vite 会自动查找根目录下的配置文件，支持 .js/.ts/.mjs 格式。

基础配置示例

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  plugins: [vue()],
  server: {
    port: 3000
  },
  build: {
    outDir: 'dist'
  }
})

配置项分类

要点总结

• 使用 defineConfig 导出配置对象
• 支持 .js/.ts/.mjs 格式
• 函数形式可根据环境动态配置
• 配置文件位于项目根目录