// 类型提示
import path from "path";
import { defineConfig } from "vite";
import vueJSX from "@vitejs/plugin-vue-jsx";
import vueSFC from "@vitejs/plugin-vue";
import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import UnoCSS from "unocss/vite";
import ElementPlus from "unplugin-element-plus/vite";
import Icons from "unplugin-icons/vite";
import IconsResolver from "unplugin-icons/resolver";

// config
export default defineConfig(({ command, mode }) => {
  /**
   * command - 命令模式
   * mode - 生产、开发模式
   */
  // if (mode !== "development") {
  //   import.meta.env.VITE_SOCKET_URL = `ws://${window.location.host}/ws`;
  // }
  return {
    // 项目根目录，index.html 所在的目录
    root: "",
    // 生产或开发环境下的基础路径
    base: "/static/",
    // 需要用到的插件数组
    plugins: [
      UnoCSS(),
      // .vue 单文件组件
      vueSFC(),
      // .jsx 文件类型支持
      vueJSX({
        // ... @vue/babel-plugin-jsx 的配置
      }),
      AutoImport({
        // 自动导入 Vue 相关函数，如：ref, reactive, toRef 等
        imports: ["vue"],
        resolvers: [
          ElementPlusResolver(),
          // 自动导入图标组件
          IconsResolver({
            prefix: "Icon",
          }),
        ],
      }),
      Components({
        resolvers: [
          // 自动注册图标组件
          IconsResolver({
            enabledCollections: ["ep"],
          }),
          ElementPlusResolver(),
        ],
      }),
      Icons({
        autoInstall: true,
      }),
      ElementPlus(),
    ],
    // 静态资源服务目录地址
    publicDir: "",
    // 存储缓存文件的目录地址
    cacheDir: "",
    //
    resolve: {
      // 设置文件目录别名
      alias: {
        "@": "/src",
      },
      //
      extensions: [".js", ".vue", ".jsx", ".json", ".ts", ".tsx"],
    },
    //
    css: {
      // postcss-modules 行为配置
      modules: {
        // ...
      },
      // 传递给css预处理器的配置项
      preprocessorOptions: {
        // 指定less预处理的配置项
        less: {
          // ...
        },
      },
    },
    // esbuild 选项转换配置
    esbuild: {
      // ...
      // 在react组件中无需导入react
      // jsxInject: `import React from 'react'`,
      // vue 使用jsx
      jsxFactory: "h",
      jsxFragment: "Fragment",
    },
    // 静态资源处理
    assetsInclude: "",
    // 开发服务器选项
    server: {
      // ...
      host: "0.0.0.0",
      port: "8081",
      // 项目启动后自动打开浏览器
      open: true,
    },
    // 构建配置项
    build: {
      // ...
      // 指定输出目录
      outDir: "./dist",
      // 指定静态资源存放目录
      assetsDir: "",
      // 启用、禁用css代码拆分
      cssCodeSplit: true,
      // 构建是否生成source map文件
      sourcemap: "inline",
      // rollup 配置打包项
      rollupOptions: {
        // ...
        // input:"src/index.js"
      },
      // 构建目录自动清除
      emptyOutDir: true,
    },
    // 依赖优化配置项
    optimizeDeps: {
      // 依赖构建入口
      entries: "",
      // 排除不需要构建的依赖项
      exclude: [],
    },
  };
});