import { fileURLToPath, URL } from 'url';

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import vueJsx from '@vitejs/plugin-vue-jsx';
import vueSetupExtend from 'vite-plugin-vue-setup-extend';

// https://vitejs.dev/config/
export default defineConfig({
  // 设置打包路径，部署到 GiteePages 需要相对于仓库路径
  base: './',
  // 开发服务器配置
  server: {
    // 🎯必要设置，不设置则无法实现QQ三方登录
    host: 'www.corho.com', // 固定域名，用于QQ三方登录
    port: 8080, // 固定端口，用于QQ三方登录
    // 🔔其他有价值的设置，按需添加
    open: true, // 帮我们打开默认浏览器
    cors: true, // 开发期间运行 ajax 跨域
    proxy: {}, // 代理设置
  },
  plugins: [
    vue({
      // 🔔开启响应性语法糖
      reactivityTransform: true,
    }),
    vueJsx(),
    vueSetupExtend(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  css: {
    // https://cn.vitejs.dev/config/shared-options.html#css-preprocessoroptions
    // 指定传递给 CSS 预处理器的选项。文件扩展名用作选项的键
    preprocessorOptions: {
      less: {
        // 变量和混入有作用域，需要每个写less的地方自动导入
        additionalData: `
          @import "@/assets/styles/variables.less";
          @import "@/assets/styles/mixins.less";
        `,
      },
    },
  },
});