import { defineConfig } from "vite";
import { createVuePlugin } from "vite-plugin-vue2";
import svgLoader from "vite-plugin-vue2-svg";
// 1. 导入 CommonJS 转换插件
import commonjs from "vite-plugin-commonjs";
import path from "path";

export default defineConfig({
  base: "./",
  plugins: [
    createVuePlugin(),
    svgLoader,
    // 2. 添加插件，转换 CommonJS 语法
    commonjs({
      // 配置需要转换的文件范围
      include: [/src\/assets\/images\//, /node_modules/],
    }),
  ],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
    extensions: [".vue", ".js", ".json", ".less"],
  },
  server: {
    port: 8080, // 保持与 Vue CLI 相同的端口
    open: true, // 启动时自动打开浏览器
    cors: true,
  },
  css: {
    preprocessorOptions: {
      less: {
        // 配置 Less 全局变量等
        javascriptEnabled: true,
      },
    },
  },
});