🚀 Vite 配置指南 📄

Vite 是一个现代化的前端构建工具，其配置文件 vite.config.js 是项目定制化的核心。以下是关键配置项的解析：

📌 基础配置结构

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

export default defineConfig({
  plugins: [vue()],
  // 📝 其他配置项...
});

📝 核心配置项

• mode：通过 process.env.MODE 获取当前模式（开发/生产）
• base：指定部署基础路径（如 /my-app/）
• optimizeDeps：预构建依赖项优化性能
• server：配置开发服务器参数
  • host：设置主机名（0.0.0.0 可外网访问）
  • port：自定义端口号
• build：控制构建输出
  • outDir：指定构建目录
  • assetsDir：管理静态资源路径

📌 高级用法

• 使用 loadEnv 加载 .env 环境变量
• 通过 defineConfig 注入全局变量
• 配置 TypeScript 支持：typescript 插件参数

🔗 想深入了解 Vite 构建流程？可参考 Vite 官方文档 获取更详细的实践示例。