配置依赖与热更新

Vite 支持自定义配置文件位置和环境变量目录，配置文件变更时自动重启开发服务器。

configFile 配置

export default defineConfig({
  // 指定配置文件路径
  configFile: './config/vite.config.js'
})

envDir 配置

export default defineConfig({
  // 指定环境变量目录
  envDir: './config'
})

配置变更重启

修改 vite.config.js 后，Vite 自动重启开发服务器：

[vite] config changed, restarting server...

控制重启行为

export default defineConfig({
  server: {
    // 监听配置文件变更
    watch: {
      // 忽略特定文件
      ignored: ['!**/node_modules/**']
    }
  }
})

配置文件对比

多配置文件场景

project/
├── vite.config.js       # 主配置
├── vite.base.config.js  # 基础配置
├── vite.dev.config.js   # 开发配置
└── vite.prod.config.js  # 生产配置

// vite.config.js 组合配置
import baseConfig from './vite.base.config'
import devConfig from './vite.dev.config'
import prodConfig from './vite.prod.config'

export default defineConfig(({ command }) => {
  return {
    ...baseConfig,
    ...(command === 'serve' ? devConfig : prodConfig)
  }
})

注意：配置文件变更自动重启是 Vite 内置行为，无需额外配置。

要点总结

• configFile 指定配置文件位置
• envDir 指定环境变量目录
• 配置变更自动重启服务器
• 支持组合多个配置文件