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

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    // 配置路径别名（可选，但推荐，避免相对路径层级混乱）
    alias: {
      '@': path.resolve(__dirname, './src') // 用 @ 代替 src 目录
    },
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] // 自动解析这些后缀
  },
  css: {
    preprocessorOptions: {
      scss: {
        // 全局注入 SCSS 变量文件：所有组件可直接使用 index.scss 中的变量
        // 注意：路径必须正确，基于项目根目录
        additionalData: '@use "@/styles/index.scss" as *;' // 用别名 @ 更可靠
      }
    }
  }
})