Vite 配置文件

当以命令行方式运行 vite 时，Vite 会自动解析 项目根目录 下名为 vite.config.js 的配置文件（也支持其他 JS 和 TS 扩展名）。

最基础的配置文件是这样的：

export default {
  // 配置选项
}

配置智能提示

jsdoc

/** @type {import('vite').UserConfig} */
export default {
  // ...
}

defineConfig

import { defineConfig } from 'vite'

export default defineConfig({
  // ...
})

ts

// 方式一：defineConfig 工具函数
// vite.config.ts
import { defineConfig } from 'vite'

export default defineConfig({
  // ...
})

// 方式二：satisfies 运算符
// vite.config.ts
import type { UserConfig } from 'vite'

export default {
  // ...
} satisfies UserConfig

在配置中使用环境变量

import { defineConfig, loadEnv } from 'vite'

export default defineConfig(({ mode }) => {
  // 根据当前工作目录中的 `mode` 加载 .env 文件
  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有
  // `VITE_` 前缀。
  const env = loadEnv(mode, process.cwd(), '')
  return {
    // vite 配置
    define: {
      __APP_ENV__: JSON.stringify(env.APP_ENV),
    },
  }
})