import { fileURLToPath, URL } from 'node:url';

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

// https://vitejs.dev/config/
export default defineConfig({
  // 修改vite脚手架服务器配置
  server: {
    // 修改端口
    port: 8080,
    // 启动自动打开浏览器(默认浏览器)
    open: true,
    // 修改域名
    host: 'www.corho.com', // 访问 www.corho.com 映射成 127.0.0.1 本地服务器
  },
  plugins: [
    vue({
      // 🔔开启实验性语法，在终端运行时会有黄色提醒，直接忽略即可
      reactivityTransform: true,
    }),
    vueJsx(),
  ],
  resolve: {
    // 路径别名 @ 表示 src 目录
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  // css 配置
  css: {
    // https://cn.vitejs.dev/config/shared-options.html#css-preprocessoroptions
    // 预处理器选项
    preprocessorOptions: {
      // less
      less: {
        // 自动添加代码
        additionalData: `
            @import "@/assets/styles/variables.less";
            @import "@/assets/styles/mixins.less";
          `,
      },
    },
  },
});